Как в react вызвать метод дочернего компонента внутри родительского?

Question

[newUser2021]

Здравствуйте. Я новичок в разработке, изучаю реакт и хотел бы спросить, кокой верный путь в данном решении?
Есть парент компонент, у которого есть кнопка. В парент компоненте, есть чайлд компонент, у которого есть свой собственный метод.
Пытаюсь сделать так, чтобы при клике по кнопке, которая находится в паренте, вызывался метод, который находится в чайл.
Подскажите пожалуйста, можно ли так сделать и правильно ли так делать, так как читал, что в Реакт данные пробрасываются от родителя к ребенку, а не от ребенка к родителю.
Спасибо за помощь.

Answer 1

[Steppp]

Типа пропсы прокинуть на верх?

app.js

const handlerClick = (value) => {
  console.log(value)
}
<Component handlerClick={handlerClick} />

Component.js

<button
  onClick={() => props.handlerClick('Клик по кнопке')}
>click<button>

Comments

[VLADEKavkaz]

Спасибо за ответ, очень помог!

Answer 2

[Alice]

Держи

Comments

[newUser2021]

в вашем примере, данные передаются сверху вниз. А мне наоборот нужно.

Answer 3

[Kirill Makarov]

Вытягивай функцию в родителя, или используй стейт менеджеры

Comments

[newUser2021]

не совсем понял, как мне в родителя втянуть функцию ребенка? Разве что импортировать...