React の cloneElementをreturn したい
Reactで下記のようなコンポーネントを作りました
data は API を受け取るためのものです
const Loop = ({data,children}) => {
return (
<ul>{
data.map((item,index)=> {
return (
React.cloneElement(
children,{
item
}))
})
}</ul>
);
};
しかしこのままだとli要素のコンポーネントしかchildrenに渡せないので汎用的にしたいのですが、
Reactの性質上何かしらのDOMを返さないといけないのでdivにすると今度はliタグが使えなくなったりと応用が利かなくなってしまいます
ReactでDOMを返さずロジックだけのコンポーネントの作成などはできますか?