Javascript 绑定选择器。项';标签';来自React Native中的数组
我是新手,想知道如何从数组中选择“Picker.Item”的“label”。我有一个数组“Account[]”,它的每个元素都是下面显示的“AccountSchema”的对象Javascript 绑定选择器。项';标签';来自React Native中的数组,javascript,react-native,picker,Javascript,React Native,Picker,我是新手,想知道如何从数组中选择“Picker.Item”的“label”。我有一个数组“Account[]”,它的每个元素都是下面显示的“AccountSchema”的对象 下拉列表代码 <Picker style={{width:'70%'}} selectedValue={this.state.PickerValue} onValueChange={(itemValue,itemIndex) =>this.setState({PickerValue:itemValue})}&g
下拉列表代码
<Picker
style={{width:'70%'}}
selectedValue={this.state.PickerValue}
onValueChange={(itemValue,itemIndex) =>this.setState({PickerValue:itemValue})}>
<Picker.Item label="Select Name of A/C" value=""/>
<Picker.Item label="Salary A/C" value="salary" />
<Picker.Item label="Rent A/C" value="Rent"/>
</Picker>
在下拉列表中,我想显示帐户名,所以有必要在“标签”foreach中显示“Account.name” 您可以将数据映射到
选取器。项
组件:
<Picker
style={{ width: '70%' }}
selectedValue={this.state.PickerValue}
onValueChange={(itemValue, itemIndex) => this.setState({ PickerValue: itemValue })}
>
{accounts.map(acct => <Picker.Item key={acct.id} label={acct.name} value="" />)}
</Picker>;
this.setState({PickerValue:itemValue})}
>
{accounts.map(acct=>)}
;
谢谢这对我来说很有效,因为我使用了当前状态的数组:)。。{this.state.Accounts.map(acct=>)}
<Picker
style={{ width: '70%' }}
selectedValue={this.state.PickerValue}
onValueChange={(itemValue, itemIndex) => this.setState({ PickerValue: itemValue })}
>
{accounts.map(acct => <Picker.Item key={acct.id} label={acct.name} value="" />)}
</Picker>;