问题标签 [redux-toolkit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2186 浏览

redux - AsyncThunkAction 不适合 AnyAction?

代码沙盒在这里https://codesandbox.io/s/rtk-github-issues-example-03-final-async-su4hz?file=/src/features/issuesList/IssuesListPage.tsx

我使用了建议https://react-redux.js.org/using-react-redux/static-typing#typing-the-usedispatch-hook的 AppDispatch 和这个问题How do I resolve 'Property 'type' is missing使用 Redux 工具包(使用 TypeScript)输入“AsyncThunkAction”? 但转译失败。

0 投票
2 回答
4908 浏览

reactjs - 如何使用从 createEntityAdapter 生成的 selectById 选择器

redux-toolkit 网站上的所有示例都显示了selectIdsor 或selectAll. 使用它们中的任何一个都很简单。我有一个redux-slice我要出口的地方

然后我在我的组件中导入选择器并使用 like

我对与selectUserById.

0 投票
1 回答
282 浏览

redux - 如何使用自定义中间件进行异步操作

这是我的 searchSlice 中的内容:

这是我在组件中使用它的方式:

每当我在输入字段中输入时都会出错。这是我的日志:

我已经使用模板引导应用create-react-app程序redux

0 投票
1 回答
2833 浏览

javascript - 从 Firebase 获取数据时,来自 Redux Toolkit 的 createAsyncThunk 会产生未定义的有效负载

从存储在集合中的 Google Firebase 获取笔记数据时,我正在使用createAsyncThunk来自 Redux Toolkit 的 APInotes

notebookSlice.js我定义了功能 thunk 和 slice

我在组件中使用它们sidebar.js

我很确定我从 thunk 函数中获得了完整的数据,但state.notes在获取具有最终fulfilled状态的数据后仍然为空。我的代码有什么问题?

0 投票
1 回答
1179 浏览

redux - Redux-Toolkit:如何处理具有复合键的实体?

我正在尝试在具有复合键的实体中使用 Redux-Toolkit 的createEntityAdapter 。例如,我的地区实体有一个类型(自治市、州、生物群落等)和一个地理编码。{type, geocode} 对是该实体的复合键。

我希望能够使用selectById和其他选择器。我的第一个想法是创建一个连接类型的id字段,“;” 和地理编码,但我相信有更好的方法。

0 投票
1 回答
5240 浏览

javascript - 有哪些常见的 Redux Toolkit 的 CreateAsyncThunk 用例

有人可以像我 9 岁那样向我解释什么以及如何使用 createAsyncThunk 吗?动作字符串有什么用?它是出于逻辑/路径原因临时创建并很快销毁吗?我可以用操作字符串做什么/人们通常用它做什么?我一直盯着文档看,我无法理解。

这就是其他人使用代码的方式,如果有人能破译这个我会很高兴。

官方文档:https ://redux-toolkit.js.org/api/createAsyncThunk

0 投票
1 回答
2281 浏览

javascript - Redux-Toolkit 状态未从 store 传递。反应还原

我正在尝试使用 Redux-Toolkit 转换一个简单的 React-Redux 项目。我使用 configureStore 创建了商店,但商店似乎没有将初始状态传递给子组件。

这是我的 redux-toolkit (redux-index.js) js 文件

我的 index.js

应用程序.js

最后是 List.js

当我尝试运行我的程序时,它会抛出这个错误:

0 投票
0 回答
798 浏览

reactjs - Typescript Redux 工具包 axios dispatch logout action

我已经设置了这个拦截器

这个动作使用 react 工具包

然后在我的 index.ts

store 是 configureStore react 工具包的一个实例

但我在调度参数中有一个错误

'(dispatch: ThunkDispatch<{}, {}, AnyAction>) => void' 类型的参数不可分配给 'AnyAction | LocationChangeAction'。类型 '(dispatch: ThunkDispatch<{}, {}, AnyAction>) => void' 缺少来自类型 'LocationChangeAction' 的以下属性:type, payloadts(2345)

你能帮我吗?

0 投票
1 回答
587 浏览

reactjs - 提交formik后是否有使用相同的onSubmit方法获取redux状态更新数据?

目前我在我当前的项目中使用ReactRedux ToolkitFormik ,情况是当我在 onSubmit 方法的帮助下提交表单数据(使用 useFormik() 钩子)时;在 onSubmit 方法中,我调用 Redux 操作(使用 useDispatch() 钩子),然后使用 useSlector 钩子直接访问状态数据,但我总是得到以前的值。示例代码如下:

0 投票
1 回答
1165 浏览

javascript - redux-toolkit 中的异步调度

我正在使用 redux-tookit 作为状态。

我的行动:

在我看来,我想做类似的事情: