从redux获取数据。为什么我的加载屏幕不工作？
从redux获取数据是指在前端开发中，通过redux这个状态管理库来获取数据。Redux是一个用于JavaScript应用程序的可预测状态容器，它可以帮助我们管理应用程序的状态，并使状态的变化可追踪和可预测。
要从redux获取数据，需要进行以下步骤：
- 在应用程序中安装redux，并创建一个store来存储应用程序的状态。
- 在组件中使用connect函数将组件连接到redux的store。
- 在组件中定义一个action来触发数据获取的操作。
- 在reducer中处理该action，并更新store中的状态。
- 在组件中使用mapStateToProps函数将store中的状态映射到组件的props中。
- 在组件中使用props来获取redux中存储的数据。
如果你的加载屏幕不工作，可能有以下几个原因：
- 检查你的redux store是否正确地存储了数据。可以使用redux开发者工具来检查store中的状态。
- 确保你的action被正确地触发，并且reducer正确地处理了该action。可以在reducer中打印一些日志来检查是否正确地处理了action。
- 检查你的组件是否正确地连接到redux的store，并且使用了正确的mapStateToProps函数来映射状态到props。
- 确保你的组件正确地使用了props来获取redux中的数据。
如果以上步骤都正确无误，但加载屏幕仍然不工作，可能是由于其他原因，比如网络请求失败或者加载屏幕的实现有问题。可以进一步检查网络请求是否成功，并且检查加载屏幕的代码是否正确。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
从redux获取数据。为什么我的加载屏幕不工作？
reactjs、react-native
我正在尝试将加载屏幕添加到我的功能组件中const {addressList, replyMessage} = useSelector((state) => ({
浏览 7提问于2021-03-01得票数 0
1回答
如何在Redux商店中存储一个实体？
javascript、reactjs、redux、react-redux、redux-toolkit
我在我的Redux商店中使用Normalizing State Shape，它看起来如下所示： users: {获取整个列表，并将其放在商店中，然后选择一个请求实体？只获取用户#1，将其单独放在商店中。例如，在selected字段users中：
实体：{user
浏览 1提问于2021-01-09得票数 1
回答已采纳
1回答
获取API调用前的React加载屏幕
javascript、reactjs、redux、react-router、react-redux
我是React和Redux的初学者，我没有找到任何关于如何在获取第一个API调用之前进行某种加载屏幕的示例，以获取应用程序渲染所需的一些信息(例如，如果用户已登录，则一些其他数据)。我已经有了使用Redux和React-Router的React App。我需要在渲染HomePage之前创建一些加载屏幕<
浏览 6提问于2018-08-27得票数 1
2回答
React本机Redux功能
javascript、reactjs、react-native、redux、react-redux
我刚开始使用redux，所以我想知道redux在一个带有防火墙的小型电子商务应用程序中是否有用？当我说小的时候，我的意思是像4个屏幕。(帐户，商店，产品指数，迷你游戏)。
浏览 0提问于2019-03-13得票数 1
回答已采纳
1回答
Selenium chromedriver为canvas返回空数据
python、selenium、selenium-chromedriver
document.getElementsByClassName("runner-canvas")[1].getContext("2d").getImageData(0,0,600,150);')['data']` 数据全为零', 'screenshot.png')) 我可以看到画布已被填充。 Canvas加载一个直到按下SPACE才开始的游戏。负责收集画布数据的函数如下所示： # Some
浏览 40提问于2019-02-14得票数 0
2回答
如何在设备上保存/缓存所有数据，以便在React原生应用启动时在后台快速加载和更新？
android、ios、react-native、redux、react-redux
我使用axios进行API调用，并使用异步存储来存储一些细节，如用户配置文件等。但是异步存储似乎非常慢。
我的应用程序的关键功能需要互联网才能工作，但许多屏幕上的内容不会实时或总是更新。如何将所有信息保存在本地，以便每当启动应用程序新会话时，屏幕显示完全加载，而不是从API查询数据并显示加载程序，信息更新可以在后台进行。就像所有主要应用程序的工作
浏览 0提问于2020-10-06得票数 0
1回答
React + Redux + Redux Saga -处理加载标志的最佳方法
javascript、reactjs、redux、redux-saga
我有一个显示用户列表的基本组件，在挂载组件时，我使用useEffect进行一个API调用，它将加载数据，而我希望在UI中显示加载程序。我的理解是，加载器标志应该保持在react组件的状态中，因为它代表该组件的状态，而不是在redux存储中，因为redux存储表示/保存整个应用程序的状态，例如登录用户、用户列表等，而不是从</em
浏览 2提问于2020-01-14得票数 5
1回答
反应-崩溃后本机还原导航状态重置
react-native、redux、react-redux、react-navigation
我们正在使用redux导航和持久化redux状态。然而，有时当用户导航到页面，出现意外错误时，应用程序会出现白屏幕崩溃。如果应用程序再次启动，显然会再次崩溃，因为加载了相同的状态。结果，应用程序变得不可用--在应用程序启动后，白色屏幕就会直接崩溃。我想，如果其中一个屏幕上有一个bug，可以让应用程序崩溃，但由于屏幕上有一个bug，我不想让整个应用程序对用户不可用，如果能以某种方式重置状态并使用户能够继续使用应用程序<
浏览 0提问于2020-03-18得票数 0
回答已采纳
1回答
重装时剩余存储器空置的数据
javascript、reactjs、react-native、redux、reload
我是新来的反应和还击。我的react应用程序中有3个屏幕。在第一个屏幕上，用户输入 id 并将该id存储在redux中。在提交第一个屏幕按钮时，调用API，它以id为参数并带来数据。我将数据存储在redux存储区中。在第二个屏幕上，我在从商店获取数据后显示数据。当我重新加载页
浏览 2提问于2022-03-31得票数 0
2回答
我应该从哪里获取Reactjs应用程序中的数据？
javascript、database、reactjs、firebase、redux
我一直在创建一个Reactjs应用程序。我遇到了一个问题，我想知道从哪里从防火墙获取数据。在根组件(App.jsx)或单个组件中获取数据集合更好吗？案例1:如果我在根组件中获取数据，我就
浏览 1提问于2019-04-04得票数 0
回答已采纳
1回答
React Native: double fetch覆盖以前的数据
javascript、reactjs、react-native、fetch-api
我的屏幕上有两个不同的选项卡。每个选项卡都有索引(0，1)，并且状态保存有关当前活动选项卡的信息。每个选项卡在屏幕上显示不同的数据。当用户点击选项卡时，数据获取开始获取选项卡的数据。同时，一个加载指示器出现在屏幕上，当获取获得响应时，调度更新存储上的数据(redux<
浏览 11提问于2020-01-23得票数 0
2回答
React本机+ Redux将ID传递给组件
reactjs、react-native、redux、react-redux、components
我是新的反应-本机和最近实现的Redux在我的应用程序。该应用程式适用于在食肆点餐:)<View style={{alignItems: 'center'}}>(产品屏幕显示特定菜单中的所有食物)
这是我</em
浏览 0提问于2018-09-13得票数 0
2回答
在React中向用户呈现任何内容之前，如何从API或Firebase中检索数据？
javascript、reactjs、firebase、react-redux
我想从Firebase中检索数据，然后将其更新为redux并呈现给用户。我们可以在App.js中使用条件渲染吗？如果我在HomePage.js (一个组件)中检索数据，并将其更新为redux并显示它。然后，当用户导航到另一个页面Orders.js或MyProfile.js时，我使用useSelector从redux获取数据并显示它。但是，如果用户首先访问Orders.js或MyProfile.js，
浏览 9提问于2021-05-17得票数 0
回答已采纳
1回答
RTK查询是否只用于获取不需要缓存的数据？
reactjs、redux、react-redux、redux-toolkit、rtk-query
经过很长一段时间没有接触它，我现在回到使用React，我正在查看我以前使用过的redux工具包，我看到了RTK查询。我试着理解它，并认为我有，但有一件事，我不确定我是不是错过了，还是它只是设计成那样工作。
我们是否只使用RTKQ来获取我们根本不需要缓存的数据？例如，加载用户单击的特定帖子？我之所以问这个问题，是
浏览 12提问于2022-10-06得票数 0
回答已采纳
1回答
脱发: React -Dom重定向到"Not“是不工作的，当通过React上下文导入组件时
redirect、redux、react-router-dom、react-context
但是，如果通过Redux找到的层次化信息(从jobID > projectID > engagementID > clientID开始)与在Redux中找到的信息不匹配，那么它应该重定向到"Not“页面下面是我需要的Redux信息：
使用该Redux信息，我为Deeplinking (HandleDeepLinkingURL)创建了这个函数：如果
浏览 6提问于2022-11-16得票数 0
2回答
是否应该在redux中将大量数据放入应用程序状态？
reactjs、redux
假设我有一些数据表，比如一个列表，一个管理报告，返回一个用户列表(带有详细信息)或一个日志记录列表。此信息是否属于redux存储，其中只有数据表需要此信息？或者，如果我正在绘制具有5000个节点的内容。这是否也属于redux单一应用程序状态？为什么或者为什么不？如果这些项目不属于app状态，是否只是本地组件状态，我应该在没有redux的情况下将它们加载</
浏览 3提问于2015-10-21得票数 6
3回答
保留-持久化-什么时候持久化减速器？
javascript、reactjs、react-native、redux、redux-persist
库提供了将redux状态树存储到某种存储中的方法，并在重新打开app时进行再水合物处理。我不能完全理解背后的动机，因为我相信减速器只是突变状态的功能。与状态树中的
浏览 1提问于2018-08-03得票数 4
回答已采纳
1回答
如何从下拉react/redux中更新产品列表
javascript、reactjs、redux
我试图理解如何使用react/redux筛选项目列表。我已经构建了这个示例action.js :-}import React, { Component } from 'react';
import {bindActionCreators} from 'redux&#
浏览 0提问于2018-12-19得票数 0
回答已采纳
4回答
使用react导航初始化数据加载的位置
react-native、redux、react-navigation
我正在使用react-navigation，这是我的结构：export const Root = StackNavigator({ screen: Index我的结构是这样的：
MyPage (用不同数据格式化的同一页所以我的问题是，在哪里<em
浏览 10提问于2017-11-02得票数 5
3回答
响应本机路由器流量参数不起作用(未定义)
react-native、react-native-router-flux
我移动到另一个场景并发送参数，但是当我打印param (我使用log.console({param: value}) )时，我得到了一个“未定义的”。诚挚的问候!
浏览 0提问于2018-11-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
