我在子组件中创建了表单。使用 jquery ajax 方法提交该表单后，($.ajax)我正在以 json 格式检索一些数据。我想将该数据放在父组件的状态中。那么，react.js 中是否有任何方法可以将值或数据从子组件传递到其父组件？
谢谢..
在react中将数据传递给父组件
IT技术
reactjs
2021-04-05 15:13:04
1个回答
在没有某种 Flux 实现的情况下做到这一点的方法是在父元素上创建一个函数，该函数处理来自子元素的响应/数据并将该函数作为props传递。然后从孩子那里调用那个函数。像这样的东西：
家长：
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确定所有内容的范围。