0

私は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 ドロップダウンでこれを修正する方法。

4

1 に答える 1