這個(gè)是相當(dāng)容易的，在使用 React 開(kāi)發(fā)的過(guò)程中經(jīng)常會(huì)使用到，主要是利用 props 來(lái)進(jìn)行交流。例子如下：
// 父組件
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>
);
}
});