javascript - 使用prop回调将参数从子级传递到父级

这样很容易在这里您可以看到一种从子代在父代上运行函数的方法

http://andrewhfarmer.com/component-communication/#3-callback-functions

虽然您将如何从孩子那里传递带有函数的参数？

最佳答案

如果需要父组件的状态，则必须在将其传递给函数之前将其绑定到函数。

class Parent extends React.Component {
  callMeMaybe(param) {
    console.log(param)
  }
  render(){
    return (
      <TheChild callMeMaybe={this.callMeMaybe.bind(this)} />
    )
  }
}

class TheChild extends React.Component {
  render(){
    return (
      <div>
        <button onClick={ event => {
           this.props.callMeMaybe("message from child") }
        }>Send a Message to Parent </button>
      </div>
    )
  }
}

这是一个jsfiddle供您使用。单击按钮后检查控制台。