在反应中将数据传递给父组件

Question

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

谢谢..

Answer 1

在没有某种Flux实现的情况下执行此操作的方法是在父元素上创建一个函数,该函数处理来自子元素的响应/数据并将该函数作为prop传递.然后从孩子那里调用该函数.像这样的东西:

家长:

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

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

然后在孩子:

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

这都假设是ES6语法.使用ES5,您将不得不正确地使用bind或var that = this限定所有内容.