javascript - 如何将数据从 child 传递给 parent ？

Question

我有一种情况，我想增加子项的父值。

父组件:

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