在非反应元素数组上使用React.Children的缺点?

时间:2015-06-03 17:59:02

标签: reactjs

众所周知,在构建组件数组时,开发人员需要将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>
  )
}

我想知道的是:在这里使用第二种方法有什么要警惕的吗?

0 个答案:

没有答案