Reect Ajax render 传递数据到子Component 获取不到数据
发布时间:2020-12-16 01:33:56 所属栏目:百科 来源:网络整理
导读:ajax获取数据一般都写在 componentDidMount 中,而render的调用周期又是在componentDidMount 前面 这导致了ajax还没有进行的时候,render已经完成了,所以在render里面是获取不到ajax的数据的 然后想到了React在更新数据的时候会重新渲染 so 在state中添加了
ajax获取数据一般都写在 componentDidMount 中,而render的调用周期又是在componentDidMount 前面
这导致了ajax还没有进行的时候,render已经完成了,所以在render里面是获取不到ajax的数据的
然后想到了React在更新数据的时候会重新渲染
so 在state中添加了一个状态 loadingData
它看起来是这个样子的 getInitialState: function() { return { loadingData: false } } 在rander中看起来是这个样子的 return ( { this.state.loadingData ? <Helo /> : "" } ) 在ajx中看起来是这个样子的 componentDidMount: function() { this.serverRequest = $.get(this.props.source,function (result) { this.setState({ loadingData: true }); var lastGist = result[0]; //do something }.bind(this)); },componentWillUnmount: function() { this.serverRequest.abort(); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |