数组或迭代器中的每个子节点都应该具有唯一的键支柱

Question

我正在尝试使用列表或页脚呈现0-9位数。这是我的代码，

render(){
        var payments = [];

    for(let i = 0; i < 10; i++){
        payments.push(
            <Text>{i}</Text>
        )
    }

    return (
      <Content>
              {this.state.haveContent ? this.renderList() : this.renderFooter()}
         {payments}
      </Content>
        )
  }
}

但事实证明我一直有这个警告，我的第一个条件声明也没有用。任何人都可以帮我解决这个问题吗？

Answer 1

您正在渲染数组并做出反应，要求数组中的每个组件都具有key属性。

使用键属性

更新文本组件

for(let i = 0; i < 10; i++){ payments.push( <Text key={i.toString()}>{i}</Text> ) } 详细了解密钥here