我有来自服务器的数组有名称和 ID 想在 DropDownPicker 中使用它得到错误未定义不是对象(评估 'item.label.length')
I have array from server has name and id want to use it in DropDownPicker got error undefined is not an object (evaluating 'item.label.length')
数组就是这样
[{ id: 1, 名称: '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)}
/>
不,您不能将对象数组用作 [{id:1,name:'India'}]
,
您必须逐个修改该数组并将对象转换为具有键
[{id:1,name:'India',value:1,label:'India'}]
.
这将在那时显示。
如果您有更多疑问,请告知 :D
数组就是这样 [{ id: 1, 名称: '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)}
/>
不,您不能将对象数组用作 [{id:1,name:'India'}]
,
您必须逐个修改该数组并将对象转换为具有键
[{id:1,name:'India',value:1,label:'India'}]
.
这将在那时显示。
如果您有更多疑问,请告知 :D