在 React 中是否有将 props 传递给后代组件的推荐模式?
下面,我将propscallback
传递给子组件:
Master = React.createClass({
render: function() {
return (
<div>
<ListComp items={this.props.items} callback={this.handleClick} />
</div>
);
}
});
ListComp = React.createClass({
render: function() {
this.props.items.forEach(function(item) {
items.push(<ItemView item={item} callback={this.props.callback} />);
}, this);
return (
<ul>{items}</ul>
);
}
});
然后callback
prop 被传递给后代组件:
ItemComp = React.createClass({
render: function() {
return (
<li><a onClick={this.handleClick} href="#">Link</a></li>
);
},
handleClick: function(e) {
e.preventDefault();
this.props.callback();
}
});
像这样将props传递两次是否正确,或者我应该以某种方式引用它的继承?
我transferPropsTo
在文档中看到了一个方法,从日志记录来看,我似乎可以callback
通过后代访问,this.props.__owner__.props
但是那些双下划线让我觉得我不应该这样做。