如何推迟反应应用程序渲染,直到远程数据加载到本地/会话存储?

发布于 2025-01-15 18:38:19 字数 190 浏览 1 评论 0原文

我有一个 React 应用程序,需要在渲染之前从远程 API 读取配置 JSON。我打算将配置数据存储在本地或会话存储中,以便在安装应用程序后进行访问。 我尝试使用 javascript 获取 html 标头中的远程数据并将其存储在会话存储中,但反应组件并非每次都获取数据,似乎应用程序是在配置数据存储在会话存储中之前呈现的。

任何帮助或建议表示赞赏!

I have a react application that needs read configuration JSON from remote API before rendering. I intend to store the configuration data in local or session storage for access after the app is mounted.
I tried to fetch the remote data in the html header using javascript and store it in session storage, but the react component doesn't get the data every time, it seems the app is rendered before the configuration data is stored in session storage.

Any help or suggestion is appreciated!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

你怎么这么可爱啊 2025-01-22 18:38:19

如果听起来您需要将应用程序包装在 HOC 中,这会照顾到检查会话存储中以前下载的配置,如果不存在则下载它。该组件应显示加载状态,直到您获得使用该应用程序所需的内容。

If sounds like you need to wrap your application in a HOC which will take care of checking for previously downloaded config in session storage, or download it if it's not there. This component should show a loading state until you have what you need, to use the application.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文