Доступ к состоянию дочернего компонента другим способом, чем ref?

Question

Я не могу использовать что-то вроде this.refs.child.state в своем приложении для доступа к состоянию дочернего компонента, поэтому вам нужен альтернативный способ сделать это. Основная причина этого заключается в том, чтобы передать дочернее содержимое в состояние redux при нажатии на определенную кнопку внутри такого родительского компонента childs, поэтому функция в родительском компоненте должна передавать содержимое childs в качестве одного из параметров.

Answer 1

В зависимости от структуры ваших компонентов (трудно сказать, когда вы не отправляете код), вы можете исправить это, просто связав обратные вызовы через реквизиты. То есть

var Parent = React.createClass({ 
    onChange: function(childValue){ 
     this.setState({childValue: childValue}); 
    }, 
    render: function(){ 
     return <Child onChange={this.onChange} /> 
    } 
}); 

var Child = React.createClass({ 
    handleChange: function(event){ 
     this.props.onChange(event.target.value); 
    }, 
    render: function(){ 
     return <input onChange={this.handleChange}/> 
    } 
}); 

Добавить как можно больше средних слоев по форме;

var MiddleChildA = React.createClass({ 
    render: function(){ 
     return <MiddleChildB onChange={this.props.onChange} /> 
    } 
});