redux-thunk 相关问题

Redux的Thunk中间件。 Redux Thunk中间件允许您编写返回函数而不是动作的动作创建者。 thunk可用于延迟动作的发送,或仅在满足某个条件时发送。内部函数接收存储方法dispatch和getState()作为参数。

如何在react redux中使用.dispatch?

我有以下内容 CatsPage.js: 从“反应”导入反应; 从“prop-types”导入 PropTypes; 从'react-redux'导入{connect}; //从'../../actions/catActions'导入*作为catActions; 导入

回答 1 投票 0

从 redux 状态更改后如何以及何时调用 React 组件方法

在单个 React 组件中,用户单击按钮 => 调用方法 => 触发操作 => 异步获取 => 减速器更新状态 => 组件接收新的 props。 回到原来的组合...

回答 3 投票 0

Redux Toolkit 的排序逻辑应该放在哪里?

我目前将一副纸牌排序的逻辑保留在单独的 util 文件中,并在切片减速器中使用它。这是 RTK 的最佳实践,还是我应该创建一个单独的选择器?如果是的话,

回答 1 投票 0

在 Thunk 中间件中注入额外参数时出现 Redux Toolkit 打字稿错误

我正在尝试自定义 Redux Toolkit 包含的中间件以添加额外的参数。 这个额外的参数是存储库的实现。 当我配置商店时,我添加了额外的参数......

回答 1 投票 0

Redux 工具包 AsyncThunk 调度

我可以访问 extraReducers 中的调度吗?我想根据 asyncThunk 函数调度操作(如果失败或完成)。 const todosSlice = createSlice({ 名称:“待办事项”,

回答 1 投票 0

更新商店后组件不更新

我有一个asyncThunk: 导出 const loginThunk = createAsyncThunk( "用户/登录", async ({ 登录名, 密码 }: { 登录名: 字符串; 密码: 字符串 }) => { const { 令牌 ...

回答 1 投票 0

我的动态内容在反应中不起作用

我是 React 新手,目前在我的应用程序中遇到问题。我有一个源自模板的组件,我正在将其转换为 JSX。为了合并现有的 JavaScript 逻辑,我将其放置在...

回答 1 投票 0

我已经使用 redux 实现了我的商店,并且使用了 React,问题达到了我的错误状态

我试图达到我的错误状态,但每个我都有一个未经授权的错误,这只是我的切片的挂起状态,如何调用而不是被拒绝的状态。这是我所在州的代码 首先我尝试

回答 1 投票 0

即使我返回 Promise.reject,Redux Thunk 仍保持“已完成”状态

我已经使用 Redux 一段时间了,但我正在努力寻找 Thunk 的答案...... 在我的切片中,我调用异步函数“handleBoxDeliveryAsync” extraReducers: (构建器) => { 建造...

回答 1 投票 0

一个切片的操作正在使用 redux 工具包更改另一个切片的状态

我正在使用 redux 工具包。 我有不同的切片,它们有自己的状态。 我有一个角色 从'@reduxjs/toolkit'导入{createSlice}; 从 './roleActions' 导入 { getAllRoles } ; c...

回答 1 投票 0

如何在 createAsyncThunk 的 setTimeout 内分派操作?

我正在学习如何使用createAsyncThunk。 我创建了一个简单的计数器应用程序。它有一个加和一个减按钮。单击这些按钮后,计数器值会相应增加或减少...

回答 1 投票 0

Redux 和 NextJS 13

我正在尝试使用 next 和 redux 第 13 版构建 NextJs 应用程序。 我找到了在应用程序中传递 redux 提供程序的方法,但我仍然不明白接下来的事情: 我如何使用“createAsyncThunk”

回答 2 投票 0

dispatch 在 React Redux 中无法用于身份验证

我调用register,函数执行了,但是它的内部dispatch函数没有执行,。 登记 从“react”导入 React, { Component }; 从'react-r...导入{链接,导航}

回答 2 投票 0

React 双重渲染在 React redux-toolkit 上的 UI 中显示数组中的每个对象 2 次

我正在使用 redux-toolkit 构建一个公告板应用程序。我对应用程序的内容使用了 jsonPlacehlder fake API。但是从 API 获取数据后,同时在 UI 上显示每个对象......

回答 1 投票 0

Next13 使用 createAsyncThunk 时无法在初始化之前访问“切片”

我遇到一个问题,仅当我尝试在 Next13 应用程序上运行 npm run 时才会出现。 我得到的错误是预呈现页面“/login”时发生的错误。了解更多:https://nextjs.or...

回答 1 投票 0

“AsyncThunkAction<any, void, {}>”类型的参数不可分配给“AnyAction”类型的参数

store.ts 导出常量存储=configureStore({ 减速器:{ auth:authReducer }, 中间件: [], }); 导出类型 AppDispatch = typeof store.dispatch; 导出类型 RootState = Retu...

回答 13 投票 0

为什么 getPosts() 在调度括号内调用?这里的调度工作如何?

导出 const getPosts = () => 调度 => { 调度(setPostLoading()); 轴 .get('/api/posts') .then(res => { 派遣({ 类型:GET_POSTS, 有效负载:res.d...

回答 1 投票 0

React Redux 如何等待调度(打字稿)

我有两个组件列表和模态来更改项目。 我还有两个负责逻辑的减速器。它们是这样的: 我的项目列表减速器 项目模态减速器 我是usi...

回答 1 投票 0

错误:操作必须是普通对象。使用自定义中间件进行异步操作。 Redux/工具包

尝试将产品添加到用户收藏夹时,我收到此错误。尽管 redux 的状态正在正确更新。 我已经使用 Redux Thunk 进行身份验证,但我试图避免......

回答 1 投票 0

成功异步操作后重定向的正确方法:将“历史”作为参数传递给 thunk VS 使用 <Redirect> 有条件地使用 Redux 存储?

我学习了两种在使用 Redux Thunk 执行异步操作后重定向到不同页面的方法: 1-方法:将“历史”对象作为参数传递给异步操作。 在你的com...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.