如何访问孩子的onClick in React.Fragment



我对react和JavaScript非常陌生,这是我学习react的第二周。我现在陷入了事件传播问题。我已尝试访问<反应片段>但是事件目标似乎在<反应片段>它本身我找不到简单的解决办法。请帮忙,提前非常感谢。

return (
{loading ? ("...loading...") : data.map(({id,project_title,project_subtitle, project_description,image_url,link},index) => (
<React.Fragment>
<ProjectListButton  onClick={(e)=>{ alert(index)}}  id={"b"+id} project_title={project_title} project_subtitle={project_subtitle} />
<ProjectPlate project_description = {project_description} image_url ={image_url} link ={link} />
</React.Fragment>
)
)
}
)
<React.Fragment>

是包装器,用于包装html元素或同级元素。它就像一个sudo父对象,它只是将它们包裹起来。

我们无法向react片段添加任何属性。

如果要捕获事件,请将片段替换为div,并在其上添加侦听器。不需要使用fragment。如果我们只是出于包装目的而需要它们,那么这只是一个保存额外元素的选项。

最新更新