React中父子组件间的通信问题

子组件调用父组件:

1)在父组件设置对应的属性和方法;

2)将父组件的属性,方法设置在子组件的标签属性上;

3)子组件中利用this.props来调用父组件的成员;

eg:

父:

   var p=React.cleateClass({

     getDefaultProps:function(){

       return{a:1}

     },

     render:function(){

       return

     }

})

子:

   var Ch=React.createClass({

   render:fucntion(){

      return

{this.props.a}

   }

})

父组件调用子组件:

1)在父组件中的子组件利用ref对子组件标注引用;

2)在父组件中利用this,refs获取子组件的引用,从而调用子组件的成员;

eg:

父:

   var p=React.cleateClass({

     hand:function(){

       this.refs.one.hands();

     },

     render:function(){

       return

     }

})

子:

   var Ch=React.createClass({

  hands:function(){}

   render:fucntion(){

      return

   }

})







你可能感兴趣的:(前端)