React Native - подключите два сборщика

Question

Как я могу подключить два сборщика в реагировать родной.

Например, у пользователя есть имя и фамилия.Когда пользователь нажимает на первый сборщик и выбирает first_name, автоматически изменяет значение во втором сборщике last_name.

Например, у нас есть пользователь с first_name = 'John' и last_name = 'Deep'.Когда пользователь автоматически нажимает на первый сборщик, Джон во втором сборщике устанавливает значение 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
}

Официальный Документы