react-native - 从 React native Picker selectedvalue 获取参数

Question

我从服务器获取数据，并映射它，这样我就可以把它放在一个 Picker 中。数据是一组用户，每个用户有 4 个属性（姓名、姓氏、电话、邮件）。在我的选择器上，我只显示名称。

state = {
    value: 'first',
    selectedValue: '',
    data: [],
  };
      .
      .
      .
<Picker
                selectedValue={this.state.selectedValue}
                style={{ height: 30, width: 250 }}
                onValueChange={(itemValue, itemIndex) => this.setState({selectedValue:itemValue})} >
                {this.state.data.map((item, index) =>
                  <Picker.Item label={item.name} value={index} key={index} />
                )}
              </Picker>

我的问题是我想获取所选值的所有 4 个属性（姓名、姓名、电子邮件、电话），因此我可以将它们传递到新屏幕，但我不知道该怎么做。有人请帮忙显示我怎么能至少 consol.log 他们

标签： react-nativereact-native-picker-select

Answer 1

state = {
  value: "first",
  selectedValue: "",
  data: [],
};
<Picker
  selectedValue={this.state.selectedValue}
  style={{ height: 30, width: 250 }}
  onValueChange={(itemValue, itemIndex) => {
    this.setState({ selectedValue: itemValue });
    console.log(this.state.data[itemIndex]);
  }}>
  {this.state.data.map((item, index) => (
    <Picker.Item label={item.name} value={index} key={index} />
  ))}
</Picker>;