React Native-连接两个选择器

时间:2019-01-31 22:34:46

标签: javascript database sqlite react-native picker

如何在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

1 个答案:

答案 0 :(得分:0)

每次选择器更改时,您都可以使用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