reactjs - 在react中将数据传递给父组件

Question

我已经在子组件中的表单上创建了。使用 jquery ajax 方法 ($.ajax) 提交该表单后，我正在以 json 格式检索一些数据。我想将该数据放入父组件的状态中。那么，react.js 中是否有任何方法可以将值或数据从子组件传递到其父组件？

谢谢你..

Answer 1

无需某种 Flux 实现即可实现此目的的方法是在父元素上创建一个函数，用于处理来自子元素的响应/数据，并将该函数作为 prop 传递。然后从 child 那里调用该函数。像这样的事情:

父级:

handleResponse(data) {
  console.log(data)
}

render() {
  return(
    <div>
      <Child handleResponse={this.handleResponse} />
    </div>
  );
}

然后在 child 中:

handleAjax() {
  $.get(url).then( (response) => {
    this.props.handleResponse(response)
  });
}

这一切都假设 ES6 语法。使用 ES5，您必须使用 bind 或 var that = this 来正确确定所有内容的范围。