reactjs - Primereact：警告：遇到两个孩子用相同的钥匙，

Question

我正在使用 primereact 下拉组件https://primefaces.org/primereact/showcase/#/dropdown

但收到此警告：-

react_devtools_backend.js:2450 警告：遇到两个具有相同密钥的孩子。密钥应该是唯一的，以便组件在更新时保持其身份。非唯一键可能会导致子项被复制和/或省略——这种行为不受支持，并且可能在未来的版本中发生变化。
in ul（由 DropdownPanel 创建）
in div（由 DropdownPanel 创建）

this.cities = [
            { name: 'Apple', code: '1' },
            { name: 'Rome', code: '2' },
            { name: 'Rome', code: '3' },
            { name: 'Paris', code: '4' },
            { name: 'Paris', code: '5' }
        ];

<Dropdown 
    value={this.state.selectedCity1} 
    options={this.cities} 
    onChange={this.onCityChange} 
    optionLabel="name" 
    placeholder="Select a City" />

如何在 Primereact 下拉列表中解决此问题。

Answer 1

也许你应该添加optionValue="code"？

<Dropdown
  value={this.state.selectedCity1}
  options={this.cities}
  onChange={this.onCityChange}
  optionLabel="name"
  optionValue="code"
  placeholder="Select a City"
/>