从 React native Picker 中获取参数 selectedvalue

Question

我从服务器获取数据，并将其映射，以便我可以将其放入选取器中。数据是一组用户，每个用户有 4 个属性（姓名、姓氏、phone、邮件）。在我的选择器上，我只显示姓名。

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 个属性（名称、lname、电子邮件、phone），这样我就可以将它们传递到新屏幕，但我不知道如何做 it.could 有人请帮助告诉我如何至少 consol.log 他们

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>;

从 React native Picker 中获取参数 selectedvalue

Get params from React native Picker selectedvalue

react-native

react-native-picker-select