Reect Ajax render 传递数据到子Component 获取不到数据

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




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值