redux 相关问题

取消卸载 RTK 查询时的轮询间隔

我有一个 useQuery 钩子，它每 1 分钟发出一次请求，并在组件卸载后尝试取消轮询。 RTK 查询似乎没有“内部”方式来取消轮询。 ...

使用 NextJS 和 Redux 时如何在页面就绪时正确调用外部 JS 的 init 函数

我正在维护一个由 Vercel 托管的基于 NextJS 和 Redux 的网站。 新添加的功能需要大量 JavaScript，因此我将其编写在单独的文件中，并使用标签将其包含在功能中

Redux 和所有应用程序状态

Redux文档中这样写： 在 Redux 中，所有应用程序状态都存储为单个对象。 这就是我的问题的开始。 我正在编写一个应用程序，它将管理一些实体......

我不断从reducer获取初始值

我刚刚开始学习redux< redux-toolkit and ran into the problem that my stat from the "Pastime" reducer always returns the initial value, although it works correctly in another

如何向 useSelector 传递附加参数

我正在从组件成功调用 useSelector，该组件从 id 派生出产品名称。 常量产品ID = 25; // 任何 const 产品名称 = useSelector( （状态）=> 状态.dashbo...

我无法返回（获取）前面的“Authorization”标头/授权字段返回未定义 - React - Redux -

登录我的应用程序时，标头内的授权返回未定义 在此输入图像描述 但是，当在“网络”中的开发人员工具中检查时，令牌就在那里......

类型“(Person | undefined)[]”不可分配给类型“People”

从减速器返回更新状态时，我收到此打字稿错误： 类型“(Person | undefined)[]”不可分配给类型“People” 减速器.ts： 导出类型 Person = { id：字符串； 名称：

React Redux Toolkit 访问对象数组内的值

组件： const postState = useSelector((state: RootState) => state.postsSlice.posts); { postState?.map((post) => { 返回 （ 成分： const postState = useSelector((state: RootState) => state.postsSlice.posts); { postState?.map((post) => { return ( <PostCard key={post.id} title={post.title} description={post.body} user={post.user} voteCount={post.upvotes - post.downvotes} onClick={() => navigate(`/posts/${subredditId}/post/${post.id}`)} /> ); }); } 我正在使用 React TypeScript 开发一个 Reddit 克隆项目。我将来自 api 的数据作为以下类型的对象数组： export type Posts = Post[]; export type Post = { id: string; title: string; user: string; body: string; upvotes: number; downvotes: number; }; 然后我将数据存储在 redux 工具包中，如下所示： type PostsArray = { posts: Array<Post>; }; const initialState: PostsArray = { posts: [] }; const PostsSlice = createSlice({ name: "PostsSlice", initialState: initialState, reducers: { setPostsData(state, action: PayloadAction<Array<Post>>) { state.posts = action.payload; }, }, }); export const { setPostsData } = PostsSlice.actions; export default PostsSlice.reducer; 当我映射组件中的对象时，我通过从赞成票中减去反对票来显示 Reddit 投票计数。 我想做的是能够对不同的帖子投赞成票和反对票，并将投票存储在 redux 中。我考虑过增加赞成票的调度和增加反对票的调度。但我不知道该怎么做。我不知道如何获得 redux 中特定帖子的点赞。有什么想法吗？ 对于这种情况，您可以添加一个减速器来获取帖子 ID 并使用操作负载上传递的值更新它，如下所示： 减速机 const PostSlice = createSlice({ name: "PostSlice", initialState: initialState, reducers: { setPostsData(state, action: PayloadAction<Array<Post>>) { state.posts = action.payload; }, // reducer to change the vote count updateVoteCount( state, // in the vote payload you can use an enumerate // if you want to avoid typos action: PayloadAction<{ id: string; vote: string }> ) { // find the post by id const post = state.posts.find((post) => post.id === action.payload.id); if (!post) return; if (action.payload.vote === "up") { // update the vote depending on payload vote parameter post.upvotes += 1; } if (action.payload.vote === "down") { post.downvotes += 1; } } } }); 明信片 由于您没有提供您的代码PostCard我做了一个简单的例子只是为了向您展示： const PostCard = (props: PostCardProps) => { const dispatch = useDispatch(); return ( <div> <h2>{props.title}</h2> <p>{props.description}</p> <p>{props.user}</p> <p>{props.voteCount}</p> <div> <button onClick={() => //Dispatch the action with vote "up" dispatch(updateVoteCount({ id: props.id, vote: "up" })) } > Up vote </button> <button onClick={() => // dispatch with vote "down" dispatch(updateVoteCount({ id: props.id, vote: "down" })) } > Down vote </button> </div> </div> ); }; export default PostCard; 请检查工作示例。

使用 redux-starter-kit 的 configureStore() 设置 saga 中间件

我正在开发纯粹的redux-saga应用程序，但随着应用程序的增长，文件的数量也在增长。为了解决这个问题，我正在尝试将 redux-starter-kit 设置到我的

React 组件未加载 redux 状态

大家！我面临着我的组件被渲染两次的问题。我发现这是因为同时使用useEffect和useSelector而发生的，但我不知道如何修复它。我……

我的 useDispatch 钩子在这里设置不正确吗？

我刚刚开始使用 React 学习 Redux，所以如果它像语法一样简单，我深表歉意。这个项目促使我使用各种react-redux功能。 我的切片如下： /** @t...

“无法读取 null 的属性（读取‘令牌’）”Reacjs、Redux

我正在观看 Brad Traversy MERN 教程。他在其中创建了一个目标设定器应用程序。我几乎已经完成了，但是在 goalSlice 的 Reset() 函数中出现错误。不知道实际的专业是什么...

这种情况我应该给什么类型的饭菜？

您好，我需要这方面的帮助，我不知道应该给我的 props 提供什么类型，我想将其传递给 redux 切片。 我收到错误“‘Meal[]’类型的参数不可分配给参数...

SearchReducer，搜索到的项目从reduxstore中删除

从“@reduxjs/toolkit”导入{createSlice}； 导出 const ProductSlice = createSlice({ 名称：'产品'， 初始状态：[]， 减速器：{ 添加产品：（状态，操作）=> { ...

SearchReducer，从reduxstore中搜索项目

从“@reduxjs/toolkit”导入{createSlice}； 导出 const ProductSlice = createSlice({ 名称：'产品'， 初始状态：[]， 减速器：{ 添加产品：（状态，操作...

在 React 中处理滚动动画

React 中处理滚动位置的正确方法是什么？我真的很喜欢平滑滚动，因为它有更好的用户体验。由于在 React 中操作 DOM 是一种反模式，所以我遇到了问题：如何...

错误：React Native 中操作可能没有未定义的“类型”属性

我在 React Native 代码中遇到以下错误： ERROR 错误：操作可能没有未定义的“类型”属性。您可能拼错了一个动作类型字符串常量。 这……

将manualPersist设置为true时组件不会渲染

来自 redux-persist v6.0.0 文档： persistStore(store, [config, callback]) 如果您想避免在调用 persistStore 后立即开始持久化，请设置选项 manualPersist。前...

useLazyQuery 不会更新所有组件之间的数据

我目前正在使用 rtk 查询的 useXXXLazyQuery 钩子来处理我的页面登录，问题是我的 ProtectedRoute 组件中没有最新数据。 代码如下：

我无法从教程中获取简单的 Redux Slice 示例来工作

我试图了解如何使用 Redux Slices，但所有教程似乎在使用它们之前就停止了，例如这个 30dayscoding.com。 我已经实现了他们的示例（并且 f...