cost 99 ms
使用 useContext 结果的 useReducer 出现 Typescript 错误 - useReducer with useContext results with Typescript error

我正在尝试创建一个包含 state 和 reducer 的上下文。 但它在 return 语句中给我错误消息,我只是不知道该怎么做: 运算符 '<' 不能应用于类型 'boolean' 和 'RegExp'.ts(2365) 未终止的正则表达式 literal.ts(1161) 任何人都知道, ...

React 计算器,它使用 userReducer 钩子进行操作,不工作。 数字不显示 - React calculator, which uses userReducer hook for operation, not working. Numbers not displaying

我正在使用 React 中的 useReducer 钩子制作一个计算器。 我制作了 useReducer 钩子来执行所有操作,计算器键盘上的数字/操作按钮被调用 reducer 的组件替换。 我假设语法中某处存在错误,因为在按下按钮时,计算器显示屏上没有显示任何数字或操作符号。 正在渲染按钮组件。 ...

我正在使用(useReducer 和 useContext)制作 Todo,但更新功能不起作用,请检查一下 - Iam making a Todo using (useReducer and useContext) but the update functionality is not working please check this out

这是我的 App.jsx,我在其中显示所有待办事项,在单击编辑输入后获取所选待办事项的值,而在更改值并单击更新时它什么也不做。 这是我的减速器 (todoReducer.jsx),当我单击编辑更改值并单击更新时,upadte 功能不起作用 ...

为什么我的 Reactjs 里面的产品 Item 没有增加也没有减少 - Why is my product Item not increasing or decreasing in my Reactjs

我正在创建一个电子商务产品网站,我正在尝试添加产品增减调度 function 以增加或减少购物篮中的产品。 我正在使用 useContext api 和 reducer 方法。 但它不起作用请帮我检查代码,看看有什么问题。 增减产品reducer代码function 这是我的主要产品页面,我在其中创 ...

useReducer state 变化是在onChange时延迟一个字符 - useReducer state change is one character delay at onChange

当我尝试将 useReducer 用作 state 管理时,但当我将 onChange 与 reducer 一起使用时出现问题,这是一个字符延迟。 有一个 useEffect 取决于字符的变化来将有效性值设置为 true 或 false。 但它适用于 onBlur。 这种延迟的原因应该是什么? 我该 ...

如何从映射对象派生 Action 类型以实现 useReducer 调度类型安全? - How to derive Action type from mapping object for useReducer dispatch type safety?

前言通常,我会像下面这样定义一个reducer ,这样我就可以通过dispatch方法实现类型安全:const setWhatever = (state: State, payload: Partial<State>) => ({ ...state, ...payload }); ...

如何从数组中删除一个元素,该数组是 useReducer 的状态 - How to remove an element from array, that array is a state of useReducer

我有一系列购物车产品。 现在我想使用 useReducer 删除产品。 我可以将产品添加到购物车。 但我不知道如何从购物车中删除该产品。 购物车数组是一个对象数组,每个对象是一个具有名称、价格、ID 等的产品。此操作的逻辑是什么? ...

如何在 Typescript 中使用/创建数组类型 - How to use/create type of array in Typescript

我有一个反应项目,我正在创建一个商店。 这是代码: 在我的 useEffect 挂钩中,我尝试调用 API,然后使用 Data/result 将其作为操作的有效负载传递到调度中。 即使 API 调用返回电影数组的类型Movie[]但是当我将它设置到 state 内部时,我收到此错误消息: getM ...

useReducer function 在有和没有 React 严格模式的情况下给出不同的答案 - useReducer function giving different answers with and without React strict mode

useReducer function 在启用和未启用严格模式的情况下给出不同的答案。 启用严格模式后,每次点击我的计数都会增加 2,如果没有严格模式,计数会增加 1。我知道在严格模式下,reducer function 被调用了两次,但是在 function 中更新了 state,同时将计数增加 ...

useReducer 调度未在回调中调用 - the useReducer dispatch is not called in a callback

我希望有人可以帮助我。 我在使用 React useReducer 时遇到以下情况: 我需要在列表中搜索项目。 我正在设置一个带有上下文的全局 state: 语境 我在一个单独的文件中创建了一个减速器: 减速器 我还创建了一个自定义挂钩,我在其中调用useContext()和本地 state 从表单 ...

在反应中的某个视口更改 JSON 数据源 - Changing JSON data source at certain viewport in react

我正在使用 React 开发一个项目,我将 JSON 文件中的数据插入缩减程序 function 以管理内容 state。但是,在某个视口,提供了另一个需要显示的图像而不是另一个图像。 如果我使用的是 useReducer,那么在到达某个视口后如何更改图像源? 附件是我的代码片段 JSON数据源示例 ...

单击删除按钮时,反应组件上的列表项未使用 useReducer() 更新 - List Items on react component not updating using useReducer() when clicking delete button

我在 ReactContext 中使用 reducer 来处理一些签名显示。 在 Messages 和 messagesForm 组件上,调度 function 工作正常。 但是在 prevMessages 里面它没有。 我尝试了控制台日志 (json),但它在 handleDeleteMes() ...

如何使用 useReducer 返回初始值 state? - How to return initial state with useReducer?

我正在使用 useReducer 和 useContext 来管理 state,但我无法在子组件中返回初始值 state。 在我的减速器文件中,我有: 在我的上下文文件中,我有: 在我的 App.js 文件中,我可以成功返回 case1token: 在此文件中,我试图返回 case2token,但 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM