问答详情
源自:2-9 组件的属性传递机制(2)

{...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')

      );

https://img4.mukewang.com/5b48488200016a7c12590399.jpg

提问者:脑阔疼 2018-07-13 14:33

个回答

  • 963601654
    2018-07-30 22:34:48

    子组件获取父组件prosp时,会将父组件所有的props获取过来,你只是分开写了。