我正在尝试创建一个包含 state 和 reducer 的上下文。 但它在 return 语句中给我错误消息,我只是不知道该怎么做: 运算符 '<' 不能应用于类型 'boolean' 和 'RegExp'.ts(2365) 未终止的正则表达式 literal.ts(1161) 任何人都知道, ...
我正在尝试创建一个包含 state 和 reducer 的上下文。 但它在 return 语句中给我错误消息,我只是不知道该怎么做: 运算符 '<' 不能应用于类型 'boolean' 和 'RegExp'.ts(2365) 未终止的正则表达式 literal.ts(1161) 任何人都知道, ...
我有以下代码来定义 React Reducer function: 但是,我在const arrowReducer: Reducer<IArrowState, ArrowAction>行上收到 TS2322 Type A is not assignable to type B 错误: ...
我正在使用 React 中的 useReducer 钩子制作一个计算器。 我制作了 useReducer 钩子来执行所有操作,计算器键盘上的数字/操作按钮被调用 reducer 的组件替换。 我假设语法中某处存在错误,因为在按下按钮时,计算器显示屏上没有显示任何数字或操作符号。 正在渲染按钮组件。 ...
这是我的 App.jsx,我在其中显示所有待办事项,在单击编辑输入后获取所选待办事项的值,而在更改值并单击更新时它什么也不做。 这是我的减速器 (todoReducer.jsx),当我单击编辑更改值并单击更新时,upadte 功能不起作用 ...
我正在创建一个电子商务产品网站,我正在尝试添加产品增减调度 function 以增加或减少购物篮中的产品。 我正在使用 useContext api 和 reducer 方法。 但它不起作用请帮我检查代码,看看有什么问题。 增减产品reducer代码function 这是我的主要产品页面,我在其中创 ...
当我尝试将 useReducer 用作 state 管理时,但当我将 onChange 与 reducer 一起使用时出现问题,这是一个字符延迟。 有一个 useEffect 取决于字符的变化来将有效性值设置为 true 或 false。 但它适用于 onBlur。 这种延迟的原因应该是什么? 我该 ...
前言通常,我会像下面这样定义一个reducer ,这样我就可以通过dispatch方法实现类型安全:const setWhatever = (state: State, payload: Partial<State>) => ({ ...state, ...payload }); ...
我有一系列购物车产品。 现在我想使用 useReducer 删除产品。 我可以将产品添加到购物车。 但我不知道如何从购物车中删除该产品。 购物车数组是一个对象数组,每个对象是一个具有名称、价格、ID 等的产品。此操作的逻辑是什么? ...
我有一个反应项目,我正在创建一个商店。 这是代码: 在我的 useEffect 挂钩中,我尝试调用 API,然后使用 Data/result 将其作为操作的有效负载传递到调度中。 即使 API 调用返回电影数组的类型Movie[]但是当我将它设置到 state 内部时,我收到此错误消息: getM ...
useReducer function 在启用和未启用严格模式的情况下给出不同的答案。 启用严格模式后,每次点击我的计数都会增加 2,如果没有严格模式,计数会增加 1。我知道在严格模式下,reducer function 被调用了两次,但是在 function 中更新了 state,同时将计数增加 ...
我希望有人可以帮助我。 我在使用 React useReducer 时遇到以下情况: 我需要在列表中搜索项目。 我正在设置一个带有上下文的全局 state: 语境 我在一个单独的文件中创建了一个减速器: 减速器 我还创建了一个自定义挂钩,我在其中调用useContext()和本地 state 从表单 ...
我正在学习如何创建要在 React 上下文中使用的 React reducer。 有人可以解释为什么讲师两次创建{currentUser: null} object 吗? 一旦在上下文中(第 7 行),一旦作为INITIAL_STATE在减速器中使用(第 26 和 29 行)。 有没有多余的? 谢 ...
我正在使用 React 开发一个项目,我将 JSON 文件中的数据插入缩减程序 function 以管理内容 state。但是,在某个视口,提供了另一个需要显示的图像而不是另一个图像。 如果我使用的是 useReducer,那么在到达某个视口后如何更改图像源? 附件是我的代码片段 JSON数据源示例 ...
在 reactjs 我不明白下面的代码请帮助我 首先根据我的说法...todo 是传播数组,在逗号之后已经实现了条件。 ...
我刚面试完,我在作业中实现了多重过滤功能。 作业在这里: https://tooth-store.netlify.app/ 这是我根据过滤器 state 的值进行过滤的代码。 const filterData = () => { let data = [...products]; if ( ...
下面是使用 useReducer() 的简单 ToDo-List 代码。 我正在尝试切换复选框。 虽然代码有效概念上我无法理解为什么在匿名箭头 function 中调用 dispatch function? ...
这是我在 Function 组件中初始化的 useReducer 钩子。 在listReducer function 中,我想创建用户 ==> 我为 state 分配了一个用户类型的数组。 所以,在有效负载中我必须有User[] 。 但是,当我通过 _id 删除 ==> 它们中的单个元 ...
我在 ReactContext 中使用 reducer 来处理一些签名显示。 在 Messages 和 messagesForm 组件上,调度 function 工作正常。 但是在 prevMessages 里面它没有。 我尝试了控制台日志 (json),但它在 handleDeleteMes() ...
我正在使用contextAPI并尝试使用 action 和 reducer 获取数据并更新 state,但是 state 没有得到更新我在useEffect中使用fetch ,在 fetch 之后我分派类型GET_EMPLOYEES AuthContext.js 我让 reducer 更新 st ...
我正在使用 useReducer 和 useContext 来管理 state,但我无法在子组件中返回初始值 state。 在我的减速器文件中,我有: 在我的上下文文件中,我有: 在我的 App.js 文件中,我可以成功返回 case1token: 在此文件中,我试图返回 case2token,但 ...