子组件调用父组件:
1)在父组件设置对应的属性和方法;
2)将父组件的属性,方法设置在子组件的标签属性上;
3)子组件中利用this.props来调用父组件的成员;
example:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| //父组件: var parent=React.cleateClass({ getDefaultProps:function(){ alert("父组件方法") }, render:function(){ return <children a="233" getDefaultProps={this.getDefaultProps}></children> } }) //子组件: var children=react.createClass({ render:fucntion(){ return <div> <p>从父组件取得的值:{this.props.a}</p> <button onClick={this.props.getDefaultProps}>子组件按钮</button> </div> } })
|