react.js:3640Warning:Eachchildinanarrayoriteratorshouldhaveaunique”key”prop.Checktherendermethodof`UserList`.Seehttps://fb.me/re
react.js:3640 Warning: Each child in an array or iterator should have a unique “key” prop. Check the render method of UserList
. See https://fb.me/react-warning-keys for more information.
in h3 (created by UserList)
in UserList
加上 key , 如下:
render: function () {
var createItem = function (u) {
return (<h3 key={`li_` + u.id}> {u.username + `:` + JSON.stringify(u.roles)}</h3>);
}
return (
<ul>
{this.state.users.map(createItem)}
</ul>
);
}
相關文章
- Python中UserDict、UserString、UserList有用嗎?Python
- react.js:3640 Warning: Each child in an array or iterator should have a unique "key" prop. Check the...ReactJS
- react.js測試ReactJS
- re模組
- React.JS 18新特性ReactJS
- React.js系列學習ReactJS
- 正則re
- 關於RE
- React.js 小書 Lesson21 – ref 和 React.js 中的 DOM 操作ReactJS
- React.js快速入門教程ReactJS
- Python Re模組Python
- When you're goneGo
- [譯] 聽說你想學 React.js ?ReactJS
- React.js 實戰 - 元件 & PropsReactJS元件
- React.js 實戰之 元素渲染ReactJS
- React.js入門與實戰ReactJS
- 無配置建立React.js應用ReactJS
- React.js初學者工具包ReactJS
- python模組-re模組Python
- How to re-create the ASMASM
- A re-introduction to JavaScriptJavaScript
- MGETkey[key…]
- React.js 實戰之 事件處理ReactJS事件
- React.JS v18.0釋出ReactJS
- React.js繫結this的5種方法ReactJS
- 使用React.js開發Chrome外掛ReactJSChrome
- Mixin在React.js中是有害的ReactJS
- python re是什麼?Python
- Python re模組, xpath 用法Python
- python 詳解re模組Python
- re.search()用法詳解
- 論文拆解:GPT-REGPT
- js keyup、keypress和keydown事件JS事件
- React.js 實戰之 JSX 簡介ReactJS
- React.js中實現下拉重新整理ReactJS
- React.js 中的元件通訊問題ReactJS元件
- React.js 下的 $.data() “踩坑”實錄ReactJS
- React.js 2016 最佳實踐ReactJS