export default function RenderPages({storage, setStorage, state, setState}){
const elRefs=[]
for(let i=0; i<storage[state.currentFolderId][state.currentFileId].content.length; i++){
elRefs.push(useRef())
}
return (
<>
{
renderable
?<div className="writing">
{storage[state.currentFolderId][state.currentFileId].content.map((page, index)=>
<div className='textarea'>
<textarea ref={elRefs[index]} placeholder='write here' value={page} id={"page"+index} onChange={(e)=>onChange(e, index)} rows={rows} cols={cols}></textarea>
</div>)}
</div>
: <></>
}
</>
)
}
我想附加多个引用到“textarea”元素的随机数。元素的数量将由变量“storage”决定,这是作为 prop 。我得到了上述代码的错误。请帮助我。
2条答案
按热度按时间aor9mmx11#
你不需要使用
for
循环来推送ref中的元素,你已经在return
中使用了map
,你可以像这样使用ref推送textarea
元素,正如你可以看到下面的代码,我希望这能起作用。谢谢hgqdbh6s2#