如何将 Ajax 进度条添加到 React.js 应用程序？

Question

我有一个 submitForm(); 发送 Ajax 请求并返回数据的函数。 如何在我的程序中显示进度条。

我正在使用 jQuery 发送 Ajax。

Answer 1

没有提到第三方库（有很多有 API 供您调用来为您完成）

最简单的方法是dispatch类似isLoading Action 的东西，同时触发 API 调用。 然后让你想要的组件订阅商店的那部分，并显示你喜欢的任何内容。 所以你可以有render()代码看起来像

if(this.props.isLoading){
    return <span> Loading... </span> //or whatever progress bar you want
}
else{
    //your code
}

然后当您的 API 响应时，您只需将isLoading设置回 false，然后您的组件就可以使用这些响应。