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