ReactJS警告: Each child in an array or iterator should have a unique "key" prop

标签 reactjs

    var divArr = [
       '<div>布吉岛啊</div>',
       '<div>呵呵呵</div>',
    ];
    ReactDOM.render(
       <div>{divArr}</div>,
       document.getElementById("example")
    );

但这是错误:

Warning: Each child in an array or iterator should have a unique "key" prop. Check the top-level render call using . See [warning-keys][1] for more information.

我不知道如何插入“ key ”

最佳答案

您需要将唯一键放入数组div中检查我的代码

var divArr = [
 '<div key='1'>布吉岛啊</div>',
 '<div key='2'>呵呵呵</div>',
];
ReactDOM.render(
   <div>{divArr}</div>,
   document.getElementById("example")
);

关于ReactJS警告: Each child in an array or iterator should have a unique "key" prop,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39198212/

相关文章:

javascript - React 不要使用字符串文字在单元​​格中呈现空值

reactjs - 将异步结果从父组件传递到子组件 react 功能组件

javascript - 以 react 方式更新帖子计数

javascript - 在 ReactJS 上使用 Lodash 对映射列表进行排序

reactjs - 使用动态 URL 参数调用 React 组件

reactjs - 使用 props 有条件地设置样式组件中的属性,以使用 TypeScript 对主题对象进行索引?

javascript - react-router-dom 单击关闭引导模式窗口的链接

javascript - 具有数据库数据的 Material UI 选择组件

javascript - 按钮下拉菜单在 Reactstrap 中无法正常工作 | react JS

javascript - react : Persistant Props Without Redux