私はprimefacesドロップダウンコンポーネントhttps://primefaces.org/primereact/showcase/#/dropdownを使用しています
しかし、この警告が表示されます:-
react_devtools_backend.js:2450 警告: 同じキーを持つ 2 つの子が見つかりました。コンポーネントが更新後も ID を維持できるように、キーは一意である必要があります。一意でないキーにより、子が重複したり省略されたりする可能性があります。この動作はサポートされておらず、将来のバージョンで変更される可能性があります。
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 ドロップダウンでこれを修正する方法。