{...this.props}这种方式传参 会吧this.props.children也传进来
来源：2-9 组件的属性传递机制（2）
脑阔疼
2018-07-13 14:33
var C = React.createClass({ render: function() { return <h1>{this.props.name}{this.props.children}跑到里面来了</h1>; } }); var B = React.createClass({ render: function() { return <h1>B<C {...this.props}/></h1>; } }); var A = React.createClass({ render: function() { return <h1>{this.props.children}<B {...this.props}/></h1>; } }); ReactDOM.render( <A name='zhsa'>外层的this.props.children</A>, document.getElementById('example') );var C = React.createClass({
render: function() {
return <h1>{this.props.name}{this.props.children}跑到里面来了</h1>;
}
});
var B = React.createClass({
render: function() {
return <h1>B<C {...this.props}/></h1>;
}
});
var A = React.createClass({
render: function() {
return <h1>{this.props.children}<B {...this.props}/></h1>;
}
});
ReactDOM.render(
<A name='zhsa'>外层的this.props.children</A>,
document.getElementById('example')
);
写回答
关注
1回答
-
- 963601654
- 2018-07-30 22:34:48
子组件获取父组件prosp时，会将父组件所有的props获取过来，你只是分开写了。
React组件
带你了解如何创建好拥有各自状态的组件，再由组件构成更加复杂的界面
26078 学习 · 27 问题
相似问题