const data = [{header: "1", text: "1"}, {header: "2", text: "2"}]
const LiItem = ({header, text}) => (
<li>
<h2>{header}</h2>
<p>{text}</p>
</li>
)
const Comp = () => (
<div>
<ul>
{data.map((el, idx) => <LiItem key={idx} header={el.header} text={el.text} />)}
</ul>
</div>
);