我有一个React组件,在启动ajax请求之前向UI添加加载掩码,成功获取GET数据后,状态会更新,然后组件本身会更新。我希望能够在UI中看到先前的组件,直到ajax请求完成加载。即使在我的渲染函数中返回null,在加载请求时仍会清除上一个组件。
在我为新的AJAX组件渲染JSX之前,为了让我的前一个组件不被清除,我应该采取一般的方法吗?
componentWillMount: function () {
var self = this;
loading.init(function () {
//GET REQUEST, STATE UPDATED WITH RESPONSE DATA
});
},
render: function () {
if (this.state.alerts) {
loading.loaded();
return (
<New Component />
)
}
return null;
}