如何將數據從孩子傳遞給父母？

Question

我有一種情況，我想增加孩子的父母價值。

父comonent：

getInitialState :function(){ 
    return {counter:0} 
}, 

render(){ 
    <CallChild value={this.state.counter}/> 

子組件： render(){ this.props.counter++;} 有什麼建議？甚至有可能做這樣的事情。

Answer 1

您可以創建方法（這將改變父狀態）父組件並調用它的孩子像這樣

var CallChild = React.createClass({ 
    render(){ 
    return <div> 
     <h1>{ this.props.value }</h1> 
     <button onClick={ this.props.onClick }>+</button> 
    </div> 
    } 
}); 

var Parent = React.createClass({ 
    getInitialState: function() { 
    return { counter: 0 } 
    }, 

    handleIncrement: function() { 
    this.setState({ counter: this.state.counter + 1 }); 
    }, 

    render(){ 
    return <div> 
     <CallChild onClick={ this.handleIncrement } value={this.state.counter} /> 
    </div> 
    } 
}); 

Example