【问题标题】:Get params from React native Picker selectedvalue从 React native Picker selectedvalue 获取参数
【发布时间】:2020-07-29 11:14:11
【问题描述】:

我从服务器获取数据,并将其映射,以便我可以将其放入 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-native react-native-picker-select


    【解决方案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>;
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-08-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-25
      • 1970-01-01
      相关资源
      最近更新 更多