来自Redux存储的数据延迟，因此不会填充AG网格表/ react钩子
Redux是一个用于JavaScript应用程序的可预测状态容器。它被广泛用于React应用程序中，以管理应用程序的状态和数据流。Redux的核心概念包括store、action和reducer。
- Store：Redux中的store是一个包含应用程序状态的对象。它是唯一的，负责存储整个应用程序的状态树。通过使用Redux提供的API，可以访问和更新store中的状态。
- Action：Action是一个描述发生了什么的普通JavaScript对象。它必须包含一个type属性，用于指示要执行的操作类型。根据需要，action还可以包含其他自定义属性，用于传递数据。
- Reducer：Reducer是一个纯函数，它接收先前的状态和一个action作为参数，并返回一个新的状态。Reducer根据action的类型来决定如何更新状态。它应该是一个纯函数，不应该有副作用。
当Redux存储的数据延迟时，可能会导致AG网格表或React钩子无法填充。这可能是由于异步操作、网络延迟或其他原因导致的。为了解决这个问题，可以采取以下措施：
- 异步操作：可以使用Redux中间件（如redux-thunk或redux-saga）来处理异步操作。这些中间件允许在action中执行异步操作，并在操作完成后更新状态。
- 数据预加载：可以在组件加载之前预加载数据，以避免延迟。可以在组件的生命周期方法（如componentDidMount）中发起异步请求，并在数据加载完成后更新状态。
- 错误处理：在处理延迟数据时，需要考虑错误处理。可以通过在Redux中定义错误处理机制来处理网络请求失败或其他错误情况。
- 优化性能：如果数据延迟导致性能问题，可以考虑使用缓存机制或分页加载等技术来优化数据获取和渲染过程。
对于腾讯云相关产品和产品介绍链接地址，可以根据具体需求选择适合的产品。腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储、人工智能等。可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
在我的redux项目中，我想在每个动作调度中检查一些东西(例如网络连接)。我是否应该使用如下所示的接受所有类型操作(不进行类型检查)的reducer来实现
export default (state = defaultState) => ({
...state,
neworkStatus: navigator.onLine
})
或者使用中间件。
const NetworkMiddleware = store => next => (action) => {
const result = next(action)
const state
浏览 2提问于2017-10-16得票数 2
所以，我必须对REST提出一个异步请求，我读过redux thunk的文章，但是我仍然有点困惑，所以我试图在减速机内部提出一个异步请求。
下面是一个工作示例，它返回普通的json对象
return Object.assign({}, state,
{ texts: state.texts.concat({ data: 'some text'}) })
但是当涉及到网络请求时，它不会产生任何错误，它只是看起来返回不工作，所以这就是为什么我的组件不能更新
axios.get('https://dog.ceo/api/breeds/image/random').t
浏览 1提问于2019-08-25得票数 1
回答已采纳
1回答
我的React/Redux应用程序中有一个中间件，如下所示：
export const myMiddleware = (store) => (next) => async (action) => {
switch (action.type) {
case types.SOME_ACTION:
// Some logic here...
break;
}
}
我需要在这里访问状态，以便执行这个中间件设计用来处理的逻辑。
我想，因为存储被传递到中间件中，所以我可以访问它，但是当我检查存储时，我根本看不到状态。我确实看到了一个get
浏览 1提问于2018-07-17得票数 5
回答已采纳
是否可以在redux-saga中同步调用store.dispatch，即在其动作完成运行后返回。例如，下面的代码
const { createStore, applyMiddleware } =require('redux')
const createSagaMiddleware =require('redux-saga').default
const { takeEvery ,take,fork,put}=require('redux-saga/effects')
const {delay} =require('redux-saga&
浏览 0提问于2018-06-22得票数 1
在开始使用flutter和redux构建应用程序时，我遇到了以下问题:处理网络请求或任何异步操作的最佳方式是什么？ 上下文:执行一个异步调用，在请求完成时从服务器端获取一个字符串(在我的例子中只是一个Future.delayed)，更新状态并查看视图中的更改。 第一种方法： 创建一个具有异步调用函数的middlewareClass，该函数将在使用将在reducers中处理的新操作完成call NextDispacther之后等待异步事件完成 class UserTypeMiddleware extends MiddlewareClass<AppState> {
@
浏览 24提问于2019-03-14得票数 4
1回答
当我加载页面时，我得到
"Uncaught (承诺) TypeError:无法从reducer.js读取未定义的属性‘数据’“
问题是Actions.getResults()返回的是未定义的。我钻研到actions/api.js function makeRequest()，它发出请求并获取数据。
console.log(responseAction)在store.dispatch(responseAction)之前显示它拥有所有数据，但是Actions.getResults()返回未定义的数据。
我怀疑它可能与异步操作相关联，但我不知道到底出了什么问题。任何帮助都将不胜感激。
浏览 1提问于2018-05-03得票数 0
注意，我使用dispatch()调用setStepPositionIndex()。当我将dispatch(...)删除为setStepPositionIndex()时，我希望setStepPositionIndex()中的分派调用将接收它传递的普通操作对象并分派它……
Alternatively，如果我删除setStepPositionIndex()中的dispatch()调用(并保留dispatch(setStepPositionIndex())，同时显式返回其中的纯actionObj，我将期望使用dispatch(setStepPositionIndex(actionObj))成功分派
，
浏览 132提问于2018-09-04得票数 0
回答已采纳
2回答
在我的应用程序中，我使用了React和Redux (以及用于异步任务的Redux-thunk )。因此，当我需要将一些数据写入store作为component交互的结果时，我会同时使用action和reducer。但它总是必要的吗？尤其是在对修改后的字段没有connect的情况下，component？我总是需要action和reducer将一些数据写入store吗？或者，也许有一种类似于setState in store的方法
浏览 7提问于2016-11-15得票数 0
回答已采纳
1回答
它保证到store.dispatch返回的时候，状态已经改变了吗？如果是这样，那么为什么不返回newState作为调度调用的结果呢？
store.dispatch( action1() );
store.dispatch( action2() );
例如，我将在action1中登录用户，然后触发另一个操作，该操作将使用LOGEDIN用户信息进一步更改状态。因此，我希望确保action2不会启动，除非action1已经成功地更改了状态。
那么，到了store.dispatch回来的时候，这个状态已经改变了吗？
减速机实例：
function reducer(state, action){
/
浏览 3提问于2017-08-07得票数 5
回答已采纳
1回答
这个项目的github回购：
期望的
我的基本应用程序运行时没有错误，在选项卡中，我看到了一个星战字符列表
结果
主index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './components/App'
import { createStore, applyMiddleware, compose } from 'redux'
import { Provider } from 'react-redu
浏览 0提问于2017-05-30得票数 0
回答已采纳
我正在学习React和Redux，当我这样做的时候，我决定制作一个带有按钮的网页，点击按钮就会改变状态。在按钮下面，我想在另一个组件中显示当前状态。虽然单击按钮会更改状态，但它不会反映在组件中。下面是我的代码：
App.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
浏览 0提问于2019-10-05得票数 6
2回答
因此，我完全不明白如何集成容器和组件模式。我已经复习了整个上午的例子，似乎什么都没有点击。在我的第一个项目之前，我是如何使用React的？？在我的视图组件中获取数据，然后使用工作的@connect将数据作为道具传递给我，但在此时以“自动”的方式传递给我。
import React;
...
import {action} from 'path/to/action.js';
@connect((store) => {return{ key: store.property}});
export class Component{
componentWillMount()
浏览 3提问于2017-08-31得票数 1
回答已采纳
我从反流到Redux。在反流中，您的业务逻辑只存在于存储中，但是在"async-action" Redux中，它在"Redux“中似乎是different..for示例，我有，我用"redux-thunk”实现了它。
在一个场景中，我想在我的操作中检查一些东西，如果需要的话，我会向服务器发送请求并获取一些数据。在这种情况下，我必须在我的行动中检查我的逻辑，而实际上我的业务逻辑是存在于行动和存储在一起的，它不是很好。你的解决方案是什么？
例如，我有复选框，我检查一些条件，如果结果为真，我向服务器发送一个请求，这里是我的操作代码，正如您所看到的，我的业务逻辑在我的a
浏览 9提问于2017-05-08得票数 21
回答已采纳
1回答
当使用“react路由器-redux”时，如何获得当前位置？
这是routing状态：
{
routing: {
locationBeforeTransition: {
pathname: "/foo",
search: "",
hash: "",
state: null,
action: "PUSH",
key: "e8jfk"
}
浏览 1提问于2016-08-19得票数 5
回答已采纳
1回答
嵌套减速器
、、
为了学习Redux，我正在启动一个简单的web应用程序。
如果存在验证用户名和密码的“身份化”操作。然后，我希望调用一个“登录”或“失败”操作。我想不出是怎么回事。我可以调用身份验证步骤，但嵌套/后续调用不会执行。
如何从另一个函数中调用一个函数？(这就是我的问题归结为^^的令人沮丧的地方。)
我的代码如下所示：
function authenticateClient(state, client){
if (client.password === 'perfectsec')
return dispatch(Actions.connectClient(cl
浏览 5提问于2016-03-21得票数 0
回答已采纳
4回答
我有一个reactJs应用程序，现在我正在学习Redux如何使用它作为Flux实现。
我已经创建了一个商店，我创建了我的第一个减速机功能，但现在我有一些问题出现在我的脑海中，请帮助我理解。
如您所见，我有一个名为“FIND_PRODUCTS”的操作，它基本上是从后端服务中获取数据。要调用这个后端服务，我基本上是使用异步ajax调用，所以基本上我面临的问题是，在后端调用完成之前，从还原器函数返回状态，因此状态没有被正确更新，存储的订阅方得到了不正确的数据。如果切换到同步调用，这个问题就得到了解决，但是，我收到的第一个警告是，应该避免同步调用，因为它可能会降低用户体验(性能)。
所以我的问题是，我
浏览 3提问于2016-03-02得票数 3
回答已采纳
1回答
我正在挖掘与Redux的反应，以重写我们的产品。使用Redux 清除了Redux周围的大量雾。然后，我发现React路由器使状态管理变得混乱，并在redux路由器中找到了解决方案。
现在我想把这些优秀的库结合起来。但我觉得我在配置上做错了什么。这是密码。从的一个沙箱示例开始，我将configureStore.js文件更改为(为了简单起见，我省略了用户还原程序的代码)
import { connectRoutes } from 'redux-first-router';
import { configureStore, getDefaultMiddleware } from &#
浏览 4提问于2020-01-16得票数 2
回答已采纳
1回答
end developer最近开始学习前端。我在为redux存储添加一些新数据时遇到了麻烦。我正在与蒲公英专业反应模板，并无法找到如何添加我的减速机到他们的商店，这似乎比我为其他项目所建的redux商店复杂得多，我还观察到他们使用了redux传奇。我试图为登录时的用户数据引入一个全局状态。
这是我的减速机的代码
import { CallToAction } from '@material-ui/icons';
import { SUCCESSFUL_LOGIN, FETCH_LOGIN, ERROR_LOGIN } from '../../actions/action
浏览 1提问于2021-01-07得票数 0
回答已采纳
我正在使用React和Redux构建一个应用程序，以便从API请求并随后显示电影信息。在控制台中，我可以取回请求的数据，但在此之后，我遇到了错误-“错误:操作必须是纯对象。使用自定义中间件进行异步操作。”
到目前为止，这是我的代码。
搜索组件：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { fetchMovie } from &
浏览 4提问于2018-01-21得票数 0
我是React & Redux的初学者，我正在尝试设置一个非常简单的登录表单&重定向。稍后我将添加react-router或react-router-redux。
我真的不知道我的“逻辑代码”应该放在哪里(一个ajax调用和一个重定向)。
这是我写的内容。
index.js (入口点)：
import React from 'react'
import { render } from 'react-dom'
import { createStore } from 'redux'
import { Provider } from &
浏览 1提问于2016-01-25得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
