【发布时间】：2020-01-01 22:33:02
【问题描述】：
在导航到反应路线之前预加载数据的最佳方法是什么？
我们应该使用 HOC 来完成，还是在 componentDidMount 方法中获取数据（使用 thunk 异步）并显示微调器直到获取数据，还是有更好的方法？
【问题讨论】：
标签： javascript reactjs react-redux react-router
【发布时间】：2020-01-01 22:33:02
【问题描述】：
加载数据的方法有很多种，其中大部分归结为个人喜好。在基于 Web 的应用程序中，我倾向于立即加载整个页面，并且只在我获取数据的地方显示微调器或加载动画。通过采用这种方法，人们不会认为应用在加载整个页面时会卡住。
例如，如果我在页面上有一个获取用户数据的表格，我会在表格中显示一个动画，说明数据正在加载。
获取数据的一个好处是构建一个自定义挂钩，该挂钩返回加载状态和数据。
【讨论】：
我更愿意在 componentDidMount() 中编写您的 API 调用，并在加载内容之前显示微调器。
但你也应该注意以下几点。
- 不要在根/主组件中加载所有 API。
- 在需要的地方将项目列表到组件中。
这种方法将帮助我们减少页面加载时间和性能。
【讨论】：