{...this.props}這種方式傳參 會吧this.props.children也傳進來
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')
? ? ? );
2018-07-30
子組件獲取父組件prosp時，會將父組件所有的props獲取過來，你只是分開寫了。