我正在使用 React、Redux 和 Firebase 创建一个简单的应用程序。当我在浏览器中转到我的通知列表时，控制台中有一条警告消息
警告：列表中的每个孩子都应该有一个唯一的“key”props。检查“ ProjectList ”的渲染方法。
“ProjectList”是我的应用程序中的组件之一。
如何删除/修复此警告消息？
[![在此处输入图像描述][5]][5]
如何修复警告：列表中的每个孩子都应该有一个唯一的“key”props
IT技术
reactjs
firebase
redux
2021-05-13 10:44:46
2个回答
你只需要按照它说的做，然后添加一个key. 看起来您已经为每个<ProjectSummary />元素添加了一个键，但是当您映射数组并返回一个组件列表时，键需要位于最外面的元素上 - 在这种情况下<Link key={project.id}>
您不需要在 ProjectSummary 本身上使用它。
只需在最上面的 Element添加 'key' 属性并为其分配索引值。在 map() 函数中添加 index 作为参数。
{ props.posts.map((post, index) => <ProjectSummary key={index} name={post.name} />) }
其它你可能感兴趣的问题