加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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();
  }

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读