我无法this.refs.child.state
在应用程序中使用类似的内容来访问子组件的状态,因此需要一种替代方法。这样做的主要原因是,在此类子级父级组件中单击某个按钮时,会将子级内容传递到redux状态,因此父级组件中的功能需要将子级内容作为参数之一传递。
根据组件的结构(很难分辨何时不发布代码),您可以仅通过通过props链接回调来解决此问题。IE
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} />
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句