Redux 工具包：如何调用异步 function，然后在 reducer 中调度操作

[英]Redux Toolkit: How to call async function, then dispatch action within a reducer

我正在努力学习 redux 工具包我想要实现的目标：当应用程序启动时运行 check() function，通过 getCredentials 退出保存的凭据，如果它们存在 (,=null) 使用这些凭据登录，如果不显示登录屏幕（登录屏幕可见当 isAuthenticated === false 时 ...

如何根据枚举获得 object 回调类型？

[英]How can I get object type for callback depending on enum?

假设您有以下 TS 代码： 我应该怎么做才能使 typescript 根据 storeName 和 reducer 动态理解 getA 中的项目类型？ 正在处理我的 React-Redux 应用程序。 我想为多个 Redux 切片制作通用组件。 组件内部的 API 仅包含公共属性，所以它很好并且可 ...

将实际的 state 传递给 redux-toolkit

[英]Passing the actual state to redux-toolkit

遇到这样的问题。 React + redux-toolkit 上有一个应用。 后端包含 jwt 令牌的授权和验证逻辑。 在前端，我发出验证用户的请求。 如果正确答案来了，我会将这个用户发送到 state。接下来，我想将这个 state 转发到子组件以检查用户是否被授权并显示所需的页面，或者重定向 ...

UnhandledThrownError，无法解构“（0.react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector）（...）”的属性“类别”，因为它未定义

[英]UnhandledThrownError! Cannot destructure property 'categories'of '(0 , react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(...)' as it is undefined

授权.js index.js（商店） 交易表格.js const { categories } = useSelector((state) => state.auth.user); ** 当我登录时出现错误，但在重新加载页面时错误消失了。 如何修复错误** ...

“没有超载匹配这个电话。” 在调用 AsyncThunk 时 function（redux 工具包）

[英]"No overload matches this call." while calling an AsyncThunk function (redux toolkit)

我对以下createAsyncThunk方法有疑问： 这里没有问题，但是当我尝试从登录页面dispatch这个 function 时， 我收到此错误： 没有过载匹配此调用。 重载 1 of 3, '(thunkAction: ThunkAction<Promise<PayloadAct ...

如何将对象添加到 Redux 减速器中？

[英]How to add objects into Redux reducers?

我在 Next JS 中使用 Redux，我正在尝试向它添加对象数组。 在我的应用程序中，我有一个包含多个输入的表单。 为了创建这个多重输入，我创建了一个 10 的输入表单。 来自输入的每个值都被添加到一个数组中。 但我想将它添加到 redux 数组中。 在我创建的 redux 减速器中 当我运行 ...

React NodeJS mySQL 哈希后无法使用密码登录

[英]React NodeJS mySQL Can't login with password after Hashing

我创建了一个盐和一个 hash function 到 hash 我的密码。 我正在尝试使用原始密码登录，但它不会让我登录，但如果我尝试使用数据库中的散列密码登录，它会让我登录。 const salt = "HashedPasswordCheck"; hash function： 授权逻辑.ts： ...

Redux 和 Typescript “属性‘prop’在类型‘string[]’上不存在”

[英]Redux and Typescript "Property 'prop' does not exist on type 'string[]'"

我试图在 redux 中获取数据并返回其中的一部分，而不是全部，但是 Typescript 告诉我“属性‘xxx’在类型‘string[]’上不存在”。 我试图看到它与界面或 initialState 有关，但找不到可靠的答案。 我可以使用 response.data，但是当我使用时问题是一样的 ...

React-router-Dom useNavigate重新渲染问题

[英]React-router-Dom useNavigate re-render problem

我正在申请 map。 这是一个完整的页面 map 应用程序。 在应用程序中，我通过 url 搜索参数将状态传递给 redux。 我在 redux 上使用 state 有条件地渲染组件。 搜索参数随 map 上的每次移动而变化。例如 => http://localhost:8080/?map=2 ...

使用 Redux 和 Typescript 发送 API 响应

[英]Dispatch API response with Redux and Typescript

我对 Typescript 很陌生，我正在尝试将 Redux 与它一起使用，但我完全迷路了，似乎无法理解 Redux 文档。 我正在尝试获取数据并将它们发送到我的减速器以便之后能够像我在使用 Typescript 之前所做的那样使用它们，但现在我的方式不能像这样工作： 这是我触发它的代码（我确实收到 ...

无法使用 Redux 查询发出获取请求

[英]Unable to make a Get request with Redux Query

老实说，我不知道我在这里做错了什么。 我正在尝试使用Get请求来提取 API 数据，我正在使用Redux Query 。 这是我的代码： 在我使用它的组件内部： 商店 我得到的错误： 如果我只是将getCart: builder.query更改为 getCart getCart: builder.m ...

更改一个中多个项目的值 redux object

[英]Change the value of multiple items in a redux object

假设我有一个带有 initialState 的 redux 切片，如下所示： 我怎样才能一次更改所有这些值？ 即，如果我希望它们全部为false 。 为了扩展这一点，假设它们都是一个字符串，我想将它们的值更改为不同的字符串？ 谢谢 ...

我应该将 try catch 块包装在 for 循环 RTK QUERY 中吗？

[英]should I wrap my try catch block inside of the for loop RTK QUERY?

我使用 rtk 查询并制作乐观的 UI。 所以我通过端点 select 并更改数据但是有一件事。 我的 for 循环和外部 for 循环中有一个常量变量“patchResult”，我等待查询完成。 所以我不能 patchResult.undo() 因为 patchResult 变量在 for 循环 ...

如何在反应中显示特定项目？

[英]how to display specific items in react?

我正在创建一个页面来显示我从 redux 获得的所有任务。这就是我获得任务的方式 我还搜索了输入，以便用户可以输入一个值并获取名称中包含该值的所有任务 我创建了一个 function，它根据搜索值返回任务列表 现在的问题是我不知道如何显示它。 这就是我处理任务的方式 我想用这个function的退 ...

关于使用带有 react-query 的 redux-toolkit 创建 API 的问题

[英]Question about creating a API with redux-toolkit with react-query

这更像是一个问题而不是一个问题。 对编码和 redux-toolkit 非常陌生，我构建了一个 api，它从服务器获取一堆项目。 根据文档，这应该是一个简单的交易。 创建 api，获取钩子，钩子将提供您在组件中使用的属性。 像这样的东西。 但是，根据在线文档和一些教程，他们建议使用createEnt ...

Typescript 无法为有效载荷选择正确的类型

[英]Typescript cannot pick the correct type for the payload

我遇到了以下输入错误的问题： 这是整个文件 如果我删除“Subject[]”作为有效负载的可能类型，错误就会消失，但我真的不明白为什么它不会选择 Subject 作为类型并允许我使用它具有的“id”属性. 我尝试删除有效的 Subject[]，但我不能在不允许数组作为输入的情况下转发 go。 ...

State 当子组件成功触发 dispatch reducer 时父组件未更新 redux 工具包

[英]State in parent component not being updated when child component trigger a dispatch reducer successfully redux toolkit

我面临一个奇怪的问题，其中 state 切片工作正常（由单元测试和手动测试支持）。 但是反应选择器似乎没有正确订阅它。 父组件： 子组件： （道具有点异国情调，但不要被它打扰） 完整的项目代码库可以在这里找到： https://github.com/amehmeto/HexaTenzies 查看 ...

redux state 未重置为初始值 state

[英]redux state is not resetting to initial state value

在我的 header 组件中，当用户登录时有一个登录链接，用户经过身份验证并存储在 Firesbase 中，当他们注销时，“currentUser”state 设置为其初始值（null）。 之前 header 组件从 App.js 获取 state。 但是，我正在尝试实施 redux 工具包，这样 ...

在 React native 中更新 Redux userData

[英]Update Redux userData in React native

我遇到了Redux的问题，因为我是React-native Redux的新手。我需要在按下按钮时更新我的 Redux 数据。 我的登录屏幕代码： Redux 授权码 我的 Reducer 代码 我的工具 现在，当用户登录成功时，我需要将用户导航到FirstTimeLogin屏幕，然后用户可以在输 ...

如何为调度 function 中的 axios 响应分配类型。（反应）

[英]How to assign type for axios response which is inside dispatch function. (React)

行动 function： 从后端获取数据 我想给结果一个类型，我该怎么做？ ...