Question

如何在React Native中连接两个选择器。

例如，用户具有first_name和last_name。当用户单击第一个选择器并选择first_name时，将自动更改第二个选择器的last_name的值。

例如，我们的用户具有first_name ='John'和last_name ='Deep'。当用户单击第一个选择器时，John会自动在第二个选择器中将值设置为Deep。

我没有将库用于选择器，但我将库用于本地数据库：https://www.npmjs.com/package/react-native-sqlite-storage

Answer 1

每次选择器更改时，您都可以使用onValueChange调用一个函数

<Picker
   selectedValue={this.state.firsname}
   style={{height: 50, width: 100}}
   onValueChange={(itemValue, itemIndex) =>
    this.yourfunc(itemValue, itemIndex)
   }>
 <Picker.Item label="John" value="John" />
 <Picker.Item label="abc" value="abc" />
</Picker>

<Picker
   selectedValue={this.state.lastname}
   style={{height: 50, width: 100}}>
 <Picker.Item label="Deep" value="Deep" />
</Picker>

//set your selectedValue to the state where you save the value

....

yourfunc = (val, index) => {
   //doing some stuff to change another picker
   let lastname = //get lastname from val
   //and then this.setState lastname
}

官方docs

React Native-连接两个选择器

1 个答案: