众所周知,在构建组件数组时,开发人员需要将key
道具添加到任何子项中:
render () {
let children = someArray.map((x, i) => {
return <div>{x}</div>
})
return (
<div>
{children}
</div>
)
}
这将导致警告Each child in an array or iterator should have a unique "key" prop.
但如果你做同样的事并使用React.Children.map
,你就不需要添加关键道具:
render () {
let children = React.Children.map(someArray, (x, i) => {
return <div>{x}</div>
})
return (
<div>
{children}
</div>
)
}
我想知道的是:在这里使用第二种方法有什么要警惕的吗?