警告:列表中的每个子项都应该有一个唯一的"key"属性,但是我却有key属性。

12 浏览
0 Comments

警告:列表中的每个子项都应该有一个唯一的"key"属性,但是我却有key属性。

这个问题在这里已经有答案了

Warning: Each child in a list should have a unique \"key\" prop even tho it has unique key React

Understanding unique keys for array children in React.js

提供的答案没有给我任何提示问题。所以我在控制台上得到以下错误:

react-jsx-dev-runtime.development.js?bfcc:117 Warning: Each child in a list should have a unique "key" prop.
Check the render method of `Feed`. See https://reactjs.org/link/warning-keys for more information.

这是我在return语句中的代码:

return (
    <>

{feed.map((post, index) => { const postBefore = index == 0 ? new Date() : feed[index - 1].createdAt; return randomIndex == index ? ( <> </>) : ( ); })} {feedEnd == true && (

Thats it

)}

</> );

我也尝试了在 组件代码中提供key属性,我还尝试将从数据库ID post.id的key更改为映射的 index ,但都没有任何改变。

admin 更改状态以发布 2023年5月21日
0
0 Comments

你必须将关键的props传给fragment(<>), 而不是传给PostBasic。

像这样使用:

将此更改为

(
  <>
    
    
  
);

变成

(
  
  

)

0