redux 相关问题

Redux是基于Flux设计模式的JavaScript应用程序的可预测状态容器。

Redux 状态下的状态问题总是落后一步

我已经使用 Redux-Toolkit (RTK) 编写了登录功能的逻辑,这些是组件。在登录组件中,在调用句柄提交时,我总是收到第一个为空的错误

回答 1 投票 0

REDUX Toolkit 中的状态问题 - 状态总是落后一步

所以我已经使用 RTK 工具包编写了登录功能的逻辑,这些是组件。在逻辑组件中,在调用句柄提交时,我总是遇到第一个为空的错误...

回答 1 投票 0

如何将 Redux-Persist 与 Next.js App Router 结合使用

我按照官方文档了解如何使 redux 与 Next.js 应用程序路由器一起使用。一切都按预期进行,但现在我尝试使用 redux-persist 保存数据,事情变得非常混乱......

回答 2 投票 0

使用 RTK 查询时与存储在 Redux 状态中的其他属性发生混淆

我已经使用 Redux Toolkit 一段时间了,其中异步 thunk 使用 Axios 进行调用。我发现在调度中调用 thunk 直接将我的响应保存在商店中非常方便,允许...

回答 1 投票 0

如何访问ngrx选择器中选择器内的先前状态和当前状态?

我想知道是否可以访问 ngrx 选择器中的先前状态和当前状态。我一直无法找到这方面的相关信息。是因为我使用的是createSelector吗?是

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

Redux 和所有应用程序状态

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

回答 1 投票 0

我不断从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

回答 1 投票 0

如何向 useSelector 传递附加参数

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

回答 4 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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; 请检查工作示例。

回答 1 投票 0

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

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

回答 1 投票 0

React 组件未加载 redux 状态

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

SearchReducer,从reduxstore中搜索项目

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

回答 1 投票 0

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