javascript - 如何对我的仪表板进行 API 调用，以便同时获取所有不同组件的数据

Question

我正在构建一个学校管理应用程序，以 React 作为我的前端框架。

我想实现什么目标？

我想了解当用户登录应用程序时对仪表板进行 API 调用的不同方法(或最佳实践)。

我做了一些研究，但找不到任何帮助。

这是我的想法

请原谅我的无知，因为我是制作此类项目的新手。

1. 对来自后端的每条数据进行 API 调用并更新不同的组件。
2. 进行一个 API 调用，该调用将加载所有用户的数据并将其存储在 Redux 存储中，然后我可以从 Redux 存储中使用这些数据并更新不同的组件。

感谢您的回复。

Answer 1

我认为没有“一个正确”的答案，因为这在很大程度上取决于数据更新的频率、数据量、组件树的复杂程度等等......

一个好的做法是仅获取当前需要的数据，以避免服务器上不必要的负载和流量。

我假设您有不同的页面，例如 /login , /home和/class-rooms .

你可以这样做:

1. 成功登录后，仅获取登录者的用户数据(例如 userId 、 email 和 unreadMessageCount )。然后将他从 /login 重定向到至/home页
2. 于/home检查该页面所需的数据是否已在 redux 存储中，如果没有，则获取它。
3. 如果用户将页面更改为/class-rooms，其他路线也是如此，检查该页面所需的数据是否已经在redux store中，如果没有，则获取它。

此外，根据数据刷新频率，您可能需要阅读 https://levelup.gitconnected.com/you-might-not-need-redux-883cd1fcbab0