Как передать данные в родительский компонент react-native?

Пользователь

от carlo.cummerata , в категории: JavaScript , 8 месяцев назад

Как передать данные в родительский компонент react-native?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ludie , 7 месяцев назад

@carlo.cummerata 

Для передачи данных из дочернего компонента в родительский компонент в React Native можно использовать колбэк-функции.


Шаги для передачи данных из дочернего компонента в родительский компонент:

  1. В родительском компоненте создайте функцию, которая будет принимать данные из дочернего компонента. Например:
1
2
3
function handleData(data) {
  console.log(data);
}


  1. Передайте функцию как пропс в дочерний компонент:
1
<MyChildComponent onData={handleData} />


  1. В дочернем компоненте вызовите функцию передавая ей данные:
1
props.onData('Передаваемые данные');


  1. Данные будут переданы в родительский компонент и выведены в консоль.


Обратите внимание, что имя пропса может быть любым, в данном случае мы использовали "onData".