這裏我有一個默認數字爲「3」的文本字段,我希望在輸入數值並單擊按鈕時更新它。因爲,我正在更新Child中的值,我不知道如何將道具傳遞給Parent。將道具傳遞給React JS中的父項
var Game = React.createClass({
getInitialState: function() {
return {
input: 3
};
},
setSize: function() {
//here it should update "input"
this.setState({input: /* value from Child */ })
},
render: function() {
return(
<div>
<div id='game'>
<Menu input={this.state.input}/>
</div>
</div>
)
}
});
var Menu = React.createClass({
render: function() {
return (
<div id='menu'>
<input type="number" id="myNumber" value={this.props.input}> </input>
<button id="mySetNumber" onclick={this.props.setSize}>Try it</button>
</div>
)
}
})
我想你可以傳遞一個函數在父對象中的引用,作爲一個屬性。然後點擊打電話。 – Eric 2015-04-01 08:40:37
請問你能舉一個例子,因爲我是React JS的新手? @Eric – user3053089 2015-04-01 08:44:23