Reactjs 将数据传递到react中的父组件
我已经在子组件中创建了表单。使用jQueryAjax方法Reactjs 将数据传递到react中的父组件,reactjs,Reactjs,我已经在子组件中创建了表单。使用jQueryAjax方法($.ajax)提交表单后,我正在检索json格式的一些数据。我想将该数据置于父组件的状态。那么,react.js中是否有任何方法可以将值或数据从子组件传递到其父组件 谢谢..在不使用某种通量实现的情况下,这样做的方法是在父元素上创建一个函数,处理来自子元素的响应/数据,并将该函数作为道具传递。然后从子对象调用该函数。大概是这样的: 家长: handleResponse(data) { console.log(data) } rend
($.ajax)
提交表单后,我正在检索json格式的一些数据。我想将该数据置于父组件的状态。那么,react.js中是否有任何方法可以将值或数据从子组件传递到其父组件
谢谢..在不使用某种通量实现的情况下,这样做的方法是在父元素上创建一个函数,处理来自子元素的响应/数据,并将该函数作为道具传递。然后从子对象调用该函数。大概是这样的: 家长:
handleResponse(data) {
console.log(data)
}
render() {
return(
<div>
<Child handleResponse={this.handleResponse} />
</div>
);
}
这一切都采用ES6语法。使用ES5,您必须使用
bind
或var-that=this
来正确地确定所有内容的范围。这在我的开发设置中工作正常。我本以为需要在父级中显式设置props
,但不需要。谢谢
handleAjax() {
$.get(url).then( (response) => {
this.props.handleResponse(response)
});
}