reactjs - 如何在 react js 中为所有页面重用 API 数据

标签 reactjs

我是 React js 的新手。我正在使用 react js 构建一个 4-5 页的网站。在所有页面中,都有一个名为 category 的 API。一次请求此 API 并在需要时为所有页面使用相同数据的最佳方法是什么?我试图在 google 上找到,但没有得到满意的结果,因此您的指南将有助于节省客户端资源,以便一次又一次地为每个组件或页面调用相同的 API。
多谢!!!

最佳答案

这个问题的答案取决于您想要的阻力范围。如果您想在每次重新加载时重做 API 调用,那么您可以使用 Redux 之类的东西在多个组件之间共享输出。如果您希望它存储更长时间,您可以使用 LocalStorage。请注意,如果您只想临时存储,也可以使用 LocalStorage,但您需要添加代码以便在应用程序加载期间从 API 获取数据。

关于reactjs - 如何在 react js 中为所有页面重用 API 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64399034/

相关文章:

javascript - 无法通过 react 路由器 dom v6 beta 传递状态,状态为空

css - '& > * + *' 在 JSX (CSS) 中意味着什么?

css - 如何在 React、Next.js 中使用 tailwind.css 垂直和水平放置内容中心?

javascript - React,如何从同一组件访问我的渲染函数中的 DOM 元素

reactjs - React bootstrap 覆盖 rootclose 不起作用

javascript - 使用来自另一个库的 javaScript 移动元素后,React 无法更新 DOM

reactjs - 使用样式化组件和 Material UI : `React does not recognize the ` showText` prop on a DOM element` 时出现 Typescript 和 eslint 问题

reactjs - 试图找到卷轴的方向

javascript - `throw new Error(' 在Next.JS中设置')`中的`fallback: true`时无法加载静态 Prop `getStaticPaths`

javascript - 在 React 中保存本地状态