javascript - 选择/选项的重复键错误，但我正在使用 UUID

Question

对于我的选择/选项，我想将我的数据映射到几个选项。很直接。但是，我注意到我不断收到“遇到两个孩子用相同的钥匙，.$1#1”。

我相当确定我的密钥是 UUID，所以这永远不会发生，对吧？我已将错误隔离到此代码块：

<Select 
    defaultValue={this.props.data[0].unit_quantity+" 
    "+this.props.data[0].unit_of_measurement} 
    style={{ width: 120, marginLeft: "-15vw", marginRight: "2vw"}} 
    onChange = {this.changePrice}>   
       {this.props.data.map((i) => 
          <Option 
              value={i.price+"#"+i.amount_in_stock}
              key = {i.id}> 
              {i.unit_quantity+" "+i.unit_of_measurement} 
          </Option>
       )}
</Select>

我注意到与 item.price 匹配的项目发生了关键错误，当我更改这些时，我没有更多的关键错误。但是，我这里不是很清楚{key = {i.id}吗？谢谢

标签： javascriptreactjs