Question

您好我试图在反应组件上设置关键道具，但我不知道为什么会出现以下错误

＆＃34;警告：数组或迭代器中的每个子项都应该有一个唯一的＆＃34;键＆＃34;丙＆＃34;

这是我将键设置为元素的代码

bsxfun

我真的不知道这里会发生什么，任何想法？

提前谢谢！

Answer 1

listName是一个字符串。它没有id属性。所有listName.id都会产生相同的值undefined

如果它们是唯一的，您可以使用listName作为密钥。

var lists = this.props.lists.map(listName => {
      return (
        <List key={listName} title={listName} cards={['Card1']} onAddClick={console.log('Clicked')}/>
      )
    })

Answer 2

listName因此没有您尝试设置为关键字的ID值。由于listName也是一个字符串，因此无法保证它是100％唯一的。为了解决这个问题，请执行以下操作：

var lists = this.props.lists.map((listName, index) => {
  return (
    <List key={index} title={listName} cards={['Card1']} onAddClick={console.log('Clicked')}/>
  )
});

在组件上设置关键支柱

2 个答案: