react不同组件通信1

};

},

render: function() {

return (

<ToggleButton text="Toggle me" checked={this.state.checked}

/>

);

}

});

// 子组件

<label>{text}: <input type="checkbox" checked={checked} />

</label>

);

}

});

// 父组件

});

// 子组件 1：中间嵌套的组件

var Intermediate = React.createClass({

render: function () {

return (

<Child text={this.props.text} />

);

}

});

// 子组件 2：子组件 1 的子组件

<span>{this.props.text}</span>

);

}