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

Question

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

我正在使用jQuery发送Ajax。

Answer 1

没有提到第三方图书馆（那里有很多有API可以让你打电话给你做）

最天真的方式是dispatch类似于isLoading操作，同时启动API调用。然后将您想要的组件订阅到商店的该部分，并显示您喜欢的任何内容。因此，您可以使用render()代码看起来像

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

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