React Native - 连接两个选取器

Question

如何在反应本机中连接两个选择器。

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

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

我不使用库

作为选择器，但我使用库作为本地数据库：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
}

官方文档