react父子之间传值

1,父组件向子组件传值

2.子组件向父组件传值

3.没有嵌套关系的组件传值

// 父组件 var MyContainer = React.createClass(

{

getInitialState: function () {

return { checked: true };

},

render: function() {

return ( <ToggleButton text="Toggle me" checked={this.state.checked} /> ); }

}

);

//子组件

var ToggleButton = React.createClass({ render: function () { // 从【父组件】获取的值 var checked = this.props.checked, text = this.props.text; return ( <label>{text}: <input type="checkbox" checked={checked} /></label> ); } });