如何在React中API状态挂起时显示加载程序
如何在React中API状态挂起时显示加载程序
提问于 2018-11-21 05:51:50
当我的API请求挂起时，我必须显示加载程序。我试过了，但不起作用。那么该怎么做呢。
this.props.showLoader();
ajax(config)
.then((response) => {
let data;
this.props.hideLoader();
data = response.data;
data[this.props.moduleName.storeVarName + "MediaCost"] = response.data.totalCampaignCost ? response.data.totalCampaignCost : 0;
this.props.updateCampaignData(data);
}).catch((error) => {
this._errorHandler(error);
this.props.hideLoader();
});回答 1
Stack Overflow用户
回答已采纳
发布于 2018-11-21 07:13:14
您提供的信息是不够的，尽管我正在分享一个示例，以便在发出http请求时显示加载程序：
const Loader = () => <div>Loading...</div>;
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
loading: false,
};
}
hideLoader = () => {
this.setState({ loading: false });
}
showLoader = () => {
this.setState({ loading: true });
}
fetchInfo = () => {
const _this = this;
this.showLoader();
ajax(config)
.then((response) => {
// do whatever you want with success response
_this.hideLoader();
}).catch((error) => {
// do whatever you want with error response
_this.hideLoader();
});
}
render() {
return (
<div>
<button onClick={this.fetchInfo} />
{(this.state.loading) ? <Loader /> : null}
</div>
);
}
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53405986
复制相关文章
相似问题
腾讯云开发者
