我已经在子组件中的表单上创建了。使用 jquery ajax 方法 ($.ajax)
提交该表单后,我正在以 json 格式检索一些数据。我想将该数据放入父组件的状态中。那么,react.js 中是否有任何方法可以将值或数据从子组件传递到其父组件?
谢谢你..
最佳答案
无需某种 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
来正确确定所有内容的范围。
关于reactjs - 在react中将数据传递给父组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32635897/