如何解决Primereact:警告:遇到两个具有相同密钥的孩子,
我正在使用引物下拉列表https://primefaces.org/primereact/showcase/#/dropdown
但收到此警告:-
react_devtools_backend.js:2450警告:遇到两个具有相同密钥的孩子。密钥应该是唯一的,以便组件在更新中保持其身份。非唯一键可能会导致子代重复和/或被忽略-该行为不受支持,并且可能在将来的版本中更改。
在ul中(由DropdownPanel创建)
在div中(由DropdownPanel创建)
this.cities = [
{ name: 'Apple',code: '1' },{ name: 'Rome',code: '2' },code: '3' },{ name: 'Paris',code: '4' },code: '5' }
];
<Dropdown
value={this.state.selectedCity1}
options={this.cities}
onChange={this.onCityChange}
optionLabel="name"
placeholder="Select a City" />
如何在引文下拉菜单中解决此问题。
解决方法
也许您应该添加optionValue="code"
?
<Dropdown
value={this.state.selectedCity1}
options={this.cities}
onChange={this.onCityChange}
optionLabel="name"
optionValue="code"
placeholder="Select a City"
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。