Прошу быть снисходительными, ибо я дилетант. Ситуация: При рендере компонента1 используется компонент2 в который передается свойство. Состояние компонента2 меняется в его обработчике. Нужно зафиксировать изменение состояния компонента2 и учесть это в компоненте1.
var Component1 = React.createClass({
getInitialState(){
return{
total: 0
}
},
render(){
const total = this.state.total;
return <Component2 total={total} />
}
});
var Component2 = React.createClass({
getInitialState(){
return{
total: this.props.total
}
},
handleClick(){
var total = this.state.total + 1;
this.setState({total: total});
},
render(){
const total = this.state.total;
return <div onClick={this.handleClick}>{total}</div>
}
});
- Вопрос1: Как изменить состояние total в Component1 из Component2?
- Вопрос2: (на случай, если первый вариант совсем абсурдный): какой вариант вы бы предложили для учета изменений состояния другого компонента (нужно ли для этого передавать свойство в компонетны по цепочке - если да, как получить обратную связь)?