如何从 React Native Picker 获取值和标签名称？

Question

在我的本机项目中，我有一个选择器，允许用户按分支过滤员工。我从我的数据库中获得了标签名称和值。现在我可以从选择器值中获取分支 id，并且可以通过此链接http://192.168.10.60:8888/customerfeedback/public/api/staff?pId=按分支过滤员工。

我的问题是我想更新我的状态值以向用户显示他们选择了哪个分支而不是显示id。如何获取选择器标签名称并将其更新为我的状态？

这是我的代码：

    <PickerIOS
     style={{ flex: 1 }}
     selectedValue={this.state.pickerSelected}
     onValueChange={(value, index) => this.onPickerValueChange(value, index)}
    >
    {branches.map(branch =>{
      return (
         <PickerIOS.Item key={branch.id} label={branch.name} value={branch.id}/>
    );
    })}
   </PickerIOS>

现在我可以获取值和索引，但我想从我的数据库中获取索引而不是数组索引。

onPickerValueChange = (value, index) => {
    this.setState(
      {
        pickerSelected: value
      },
      () => {

        console.log(value, index);

      }
    );
}

感谢您的帮助。

Answer 1

使用索引获取数组元素。

onPickerValueChange = (value, index) => {
this.setState(
  {
    pickerSelected: value
  },
  (name, index) => {

    console.log(branches[index]);

  }
 );
}