react 子組件之間怎么傳值
1 回答

婷婷同學(xué)_
TA貢獻(xiàn)1844條經(jīng)驗(yàn) 獲得超8個贊
這個是相當(dāng)容易的,在使用 React 開發(fā)的過程中經(jīng)常會使用到,主要是利用 props 來進(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>
);
}
});
- 1 回答
- 0 關(guān)注
- 1246 瀏覽
添加回答
舉報
0/150
提交
取消