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/re

简介: react.js:3640 Warning: Each child in an array or iterator should have a unique "key" prop.

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>
            );
        }
相关文章
|
2月前
|
JavaScript 前端开发 API
【JavaScript】<JS内建对象>JavaScript内建对象-Array对象
【1月更文挑战第17天】【JavaScript】<JS内建对象>JavaScript内建对象-Array对象
|
25天前
|
JavaScript
【干货】js判断url是否是合法http/https
【干货】js判断url是否是合法http/https
55 1
|
7天前
|
JavaScript API 索引
JS【详解】Set 集合 (含 Set 集合和 Array 数组的区别,Set 的 API,Set 与 Array 的性能对比,Set 的应用场景)
JS【详解】Set 集合 (含 Set 集合和 Array 数组的区别,Set 的 API,Set 与 Array 的性能对比,Set 的应用场景)
25 0
|
2月前
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
28 1
|
2月前
|
JavaScript 前端开发 索引
JavaScript array 原生 reduce 方法的模拟实现
JavaScript array 原生 reduce 方法的模拟实现
|
2月前
|
JavaScript 前端开发
js的check函数
js的check函数
15 1
|
2月前
|
JavaScript 前端开发 索引
在JavaScript中,可以使用数组字面量或Array构造函数来创建一个数组对象
【4月更文挑战第16天】在JavaScript中,可以使用数组字面量或Array构造函数来创建一个数组对象
32 4
|
2月前
|
JavaScript 前端开发
JavaScript中Object.prototype.toString.call()、instanceOf和Array.isArray()的区别
JavaScript中Object.prototype.toString.call()、instanceOf和Array.isArray()的区别
40 1
|
2月前
|
JavaScript
js Array map映射对象多个属性
js Array map映射对象多个属性
18 0
|
2月前
|
JavaScript 前端开发 索引
[ Typescript 手册] JavaScript `Array` 在 Typescript 中的接口
[ Typescript 手册] JavaScript `Array` 在 Typescript 中的接口
27 0