React App长期运行ajax

时间:2018-01-19 10:41:48

标签: javascript reactjs redux react-redux jsx

我们有一个React Redux应用程序,需要长时间运行ajax才能显示其主要内容。

考虑示例显示某些项目的列表,并且获取该列表需要1-2秒。

目前我已将ajax调用放在listing组件的componentDidMount中。但是在开始之前我可以看到通话需要大约500-900毫安。这增加了后端延迟,但没有创造出非常有利的体验。

我们希望尽早触发Ajax调用。我曾想过在index.js或public index.html中触发我的ajax并在稍后的componentDidMount中将结果存储在window变量中我会读它,但我的解决方案听起来更像是一个黑客对我来说任何人都可以推荐更好的东西吗?

1 个答案:

答案 0 :(得分:1)

您可以在组件的构造函数中执行调用。您还可以使用名为componentWillMount的生命周期方法。这两种方法都将在安装组件之前启动ajax调用。如果它是你安装的大型组件,那么它可能是值得的。

另一方面,如果您的延迟只是来自下载和解析javascript代码,那么优化就更难了。然后我建议检查服务器端渲染或代码分割。但这些解决方案需要相当长的时间才能实施。