react-native - 我有来自服务器的数组有名称和 id 想在 DropDownPicker 中使用它得到错误未定义不是对象（评估'item.label.length'）

Question

数组将是这样 [{ id: 1, name: 'coton'}] 如何将标签和值设置为名称，这是我的代码

<DropDownPicker
    uniqueKey="id"
    displayKey = 'name'
    items={AllMaterial}
    containerStyle={{ height: 30, marginTop: 7 }}
    style={{ backgroundColor: 'rgba(237, 237, 237, 1)' }}
    labelStyle={{
    fontSize: 9.17,
    fontWeight: '700',
    lineHeight: 12.19,
    textAlign: 'left',
    color: 'rgba(0, 0, 0, 1)',
   }}
   arrowStyle={{ margin: -8 }}
   dropDownStyle={{ backgroundColor: 'white' }}
   onChangeItem={item => setChoosenMaterial(item)}
/>

Answer 1

不，您不能将该对象数组用作[{id:1,name:'India'}]，您必须逐个数组修改该数组并将对象转换为具有 [{id:1,name:'India',value:1,label:'India'}].

这将显示出来。

如果您有更多疑问，请告知：D