react父子组件通信

子组件调用父组件:

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>
}
})

:D 一言句子获取中...