How about writing this in React? I'm a bit stuck on passing parameters.<p><pre><code> import { useEffect, useState } from "react";
function HookRender({ render }: { render(): React.ReactNode }) {
return render();
}
function Demo() {
const [list, setList] = useState<
{
id: number;
text: string;
}[]
>([]);
return (
<>
{list.map((item) => {
return (
<HookRender
key={item.id}
render={() => {
const [a, setA] = useState(0);
useEffect(() => {
//do something
}, [a]);
return <div>{item.text}</div>;
}}
/>
);
})}
</>
);
}</code></pre>