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

Question

[Артур Кудашев]

Здравствуйте, начал делать небольшой проект и возник вопрос. Я не знаю как из родителя управлять состоянием дочернего компонента. У меня есть обработчик клика в родителя и он должен изменить состояние дочернего компонента. Как реализовать это?

Answer 1

[hzzzzl]

это в смысле?

onClick = e => {
  this.setState({daughter: 21})  // тут меняем стейт в родителе
}

....

<Something onClick={this.onClick} />   // тут "клик в родителя"
<DaughterComponent someValue={this.state.daughter} />   // это будет доступно в компоненте как props.someValue, и там уже рендерить как надо

Comments

[Артур Кудашев]

hzzzzl практические, но я не хочу затрагивать состояние родителя.

[Артур Кудашев]

hzzzzl как я понял в React нельзя менять состояние компонента извне?

[hzzzzl]

Артур Кудашев, не, где-то придется хранить условие/переменную, которую пересылать дальше в дочку

[Артур Кудашев]

hzzzzl, понял спасибо за ответ

[hzzzzl]

Артур Кудашев, посмотри react redux, тогда можно хранить переменные "на уровне приложения", и в отдельных компонентах их использовать, не пересылая напрямик их компонента в компонент

https://medium.com/devschacht/redux-step-by-step-e...

[Артур Кудашев]

hzzzzl обязательно посмотрю :)