使用Redux只获取一次，然后从存储加载
Redux是一个用于JavaScript应用程序状态管理的开源库。它可以帮助开发人员更好地管理应用程序的状态，并使状态的变化可预测和可追踪。
在使用Redux时，可以通过调用store.getState()方法获取当前的应用程序状态。这个方法会返回一个包含整个应用程序状态的对象。通过将这个状态对象存储在本地存储或其他持久化存储中，可以实现只获取一次状态，然后从存储加载的效果。
使用Redux只获取一次状态的优势在于可以减少对后端服务器的请求次数，提高应用程序的性能和响应速度。同时，通过将状态存储在本地，即使用户刷新页面或关闭应用程序，状态仍然可以被恢复，提供更好的用户体验。
在实际应用中，可以使用浏览器的本地存储（如localStorage或sessionStorage）来存储Redux状态。当应用程序启动时，可以首先检查本地存储中是否存在状态。如果存在，则从存储中加载状态，并将其作为初始状态传递给Redux的store。如果不存在，则可以通过正常的Redux流程获取初始状态。
腾讯云提供了多个与存储相关的产品，可以用于存储Redux状态。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 云数据库CDB：腾讯云的关系型数据库服务，可以用于存储和管理应用程序的状态数据。详情请参考：云数据库CDB
- 对象存储COS：腾讯云的分布式对象存储服务，可以用于存储大规模的非结构化数据。详情请参考：对象存储COS
- 云硬盘CVM：腾讯云的云服务器硬盘服务，可以用于存储应用程序的状态数据和其他文件。详情请参考：云硬盘CVM
请注意，以上只是一些腾讯云的存储产品示例，实际选择使用哪种产品来存储Redux状态取决于具体的应用需求和预算考虑。
相关·内容
2回答
然后将数据显示在表单或其他地方。我只想下载文件一次，并将内容存储到Redux商店。然后，我想通过getState访问接收到的数据。我尝试将getState传递给schema函数并下载文件，以防我在Redux store中什么都没有，但每次都得到空对象。为了完整起见，我使用了这个缩减程序： switch (action.type{ .
浏览 8提问于2017-12-26得票数 0
我期望能够定位到id，在我想要的地方使用它和名称，也可以在我想要的地方使用它。
浏览 6提问于2022-11-02得票数 0
我是React/Redux的新手。任何帮助都会很好。我有一个组件，它对ComponentDidMount进行API调用以获取数据，然后更新我的Redux存储。该组件还使用connect获取Redux状态，并将其作为道具传递给哑组件。，因为api更改了redux状态。第一次没有任何数据，然后第二次使用来自api的良好数据。因为my组件基于道具呈现不同的东
浏览 6提问于2016-01-13得票数 9
回答已采纳
5回答
我知道，使用Redux，我有一个普通的store，当我改变位置时，例如，我从/videos页面，但我仍然在我的videos还原器中获取视频。因此，如果我决定返回我的videos页面，我会显示用户已经从我的商店加载的视频，如果他需要的话会加载更多的视频并存储它们。但是在没有React Redux的情况下，如果我更改了位置-- /videos，获取了一些视频，然后将它们存储<
浏览 0提问于2018-03-30得票数 25
回答已采纳
2回答
我遇到了一个问题，我想知道从哪里从防火墙获取数据。在根组件(App.jsx)或单个组件中获取数据集合更好吗？案例1:如果我在根组件中获取数据，我就不必在组件中获取数据。
案例2:如果我在组件中获取数据，我将为不同路由中的不同组件提取两次相同的数据。
浏览 1提问于2019-04-04得票数 0
回答已采纳
我的根组件正在侦听redux存储。在我第一次访问页面时，商店没有加载。因此，它一开始没有显示任何书籍。大约在1秒后(在books API调用完成之后)，它将图书加载到redux存储，后者使用获取的图书更新根容器的Dom。
我有一个menuBar组件，它作为根组件的子组件工作。获取由根对象创建的dom节点，我使用document.getElementByID('ID')。我在我的子
浏览 5提问于2020-02-06得票数 0
我试图从后端将数据加载到我的App.js文件中。我使用redux构建了从后端到前端的整个数据获取和存储管道。如何使它只运行一次？
浏览 5提问于2022-08-11得票数 1
回答已采纳
在这个面板中，他们使用redux来处理状态，并将所有设置参数存储到redux中。 this.props.dispatch(gamesListAction(response.data.result.games)); }在本例中，我只在游戏列表页面中使用了响应和列表因此，我认为将response.data存储到redux中，然后</e
浏览 2提问于2019-06-19得票数 5
2回答
我正在做一个电子商务网站的反应，redux，redux-thunk (我还不知道redux-thunk )。在主页中有3种不同的滑块，它需要所有的产品在滑块中显示，这意味着我需要在主页中使用API中的所有产品。此外，在商店页面上，我需要在商店页面上显示所有的产品App.js
im
浏览 3提问于2020-10-19得票数 0
回答已采纳
a .js file in the server as `export const data={Array-Of_Objects}`
在搜索框中输入时会显示建议的功能中，我认为我不能一直回到数据库来获取所有对象，然后在输入一个字母后立即执行处理以找到最佳建议，以保持快速的功能。因此，我决定遵循第三种选择，但仍然，包含所有数据的.js文件接近100MB，使用const {data}= require(./file.js)导入数据是不可能的，更不用说处理和找到最佳建议了，当我将数据大小从100000个对象减少到(比方
浏览 11提问于2019-07-23得票数 0
回答已采纳
我使用axios进行API调用，并使用异步存储来存储一些细节，如用户配置文件等。但是异步存储似乎非常慢。
我的应用程序的关键功能需要互联网才能工作，但许多屏幕上的内容不会实时或总是更新。如何将所有信息保存在本地，以便每当启动应用程序新会话时，屏幕显示完全加载，而不是从API查询数据并显示加载程序，信息更新可以在后台进行。就像所有主要应用程序的工作方式一样，不加载已经加载的内容，而是以某种方式将其保存在设备本身，但同时
浏览 0提问于2020-10-06得票数 0
4回答
我是React和Redux框架的新手，但是我能够从redux中存储和抓取数据，而我不能在手动刷新页面时抓取数据。当时，React和Redux状态为空。我真的很困惑，如果状态是空的，那么为什么我们要使用redux而不是localStorage / sessionStorage。非常感谢您的帮助。
浏览 2提问于2019-12-07得票数 1
1回答
我有一个函数，它依赖于从异步操作(API fetch)中解析的承诺。但是，获取应该只进行一次。我可以将获取承诺存储在全局变量中，并返回它，但这是Redux中的反模式吗？应许是否应该在Redux存储中，因为它是应用程序状态的一部分？示例代码：
//Should this be in Redux Store?
浏览 5提问于2016-08-25得票数 7
我尝试使用来自Firebase Auth的currentUser来持久化redux存储的状态。当我尝试访问auth.currentUser时，我会得到null，我认为这是因为currentUser信息是异步加载的。我想让我的应用程序等待，直到我获取currentUser，然后在redux存储中加载currentUser，以便在我的应用程序中访问它。// Initialize Firebase
const app =
浏览 6提问于2022-05-19得票数 0
回答已采纳
我正在使用redux-toolkit在react中，我对整个应用程序都有一个加载状态。在组件中，我正在执行一个函数，将加载分派为true，然后获取数据，然后将加载分派给false。然后将该函数放入useEffect中。如果删除函数中的第二个分派(调度(setLoading(False)，它可以工作，useEffect只运行一次。或者，即使我保持第一次调度，保持第二次调度，它也是有效
浏览 1提问于2022-04-27得票数 0
1回答
在根组件中，我有Apollo查询，它从服务器检索数据，然后我想立即将这些数据分派到redux存储，然后在孩子的组件第一次渲染时使用它。React.Context将数据从Query传递到所有子组件，并通过redux对本地状态执行其他操作。但我需要查询结果在redux存储中。 那么我应该把这个数据的调度方法放在哪里呢？我不能使用componentDidMount，因为我需要在第一次渲染
浏览 10提问于2019-09-06得票数 2
回答已采纳
从我使用的代码中了解到: this.props.doSearchByDate()在action.ts中 params: ISearchSTTDateParams
浏览 4提问于2021-12-20得票数 1
我得到一个状态值，即loggedIn用户名，然后在我的页面上打印loggedIn用户名。但是当我刷新页面时，状态值就会丢失。 ContactUs </li> );
我正在获取状态中的
浏览 2提问于2019-09-03得票数 6
我有一个从数据库加载一些数据的组件，如下所示： .then(result => result.json()我希望它在第一次加载时调用一次，然后存储在状态中，并且永远不会再次调用。我必须在构造函数中手动设置这个items变量： super(); items:
浏览 0提问于2017-10-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
