问题标签 [use-reducer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何在 react-country-region-selector 中使用 useReducer?
我将 react-country-region-selector 与 useState 一起使用,它运行良好,并使用我选择的国家/地区更新了下拉列表,代码如下:
现在我正在尝试使用 useReducer 因为我有多个状态要更新。但是我的代码不再适用于 react-country-region-selector,代码如下:
选择国家时,下拉列表不再更新。在这种情况下,useReducer 有什么问题?如何使用 useReducer 更新国家/地区选择?
reactjs - 上下文 - 调度不是一个函数 (React)
React 中的 context 和 reducer 非常新。我目前正在尝试使用 Context 从折线图上的事件中获取日期字符串。我使用的折线图来自 react-chartjs-2。
我的上下文已设置并提供如下:
然后提供程序设置如下:
然后我的折线图组件通过以下方式导入上下文:
但是我得到以下信息: TypeError: dispatch is not a function
对此的任何帮助将不胜感激。
javascript - 在 react js 中使用上下文 api 时使用 reducer 的初始状态没有更新
我在反应中使用上下文 API 和钩子是相当新的。我面临一个问题,即在尝试使用 的引用传递动作调度时初始状态未更新useReducer
,即使对象已传递给它。代码如下:
reducer.js
console.log(action)
上面给出的item: {…} id: "101" image: "https://images.pexels.com/photos/534/animal-countryside-agriculture-farm.jpg" price: 11.96 rating: 5 title: "dress1" <prototype>: Object { … } type: "ADD_TO_BASKET" <prototype>: Object { … }
结果是对象被传递给reducer,但初始状态没有更新。只有这种情况:ADD_TO_BASKET不工作另一种情况:REMOVE_FORM_BASKET 工作正常。如果有人能帮助我,我将不胜感激。
这是其他文件供参考。 stateProvider.js
产品.js
header.js
在初始状态更新后,header.js中的basket.length可以更新,但它仍然为 0,但是如果我在initialState>basket中硬编码一个对象,那么这个basket.length会得到更新。但是对象没有被添加到InitialState > 篮子中
javascript - 如何在 useEffect 中调度?
我尝试使用useState
inside设置状态useEffect
没有问题,代码如下:
现在我想做同样的事情,但使用 useReducer,我尝试将上面的代码修改为以下但没有运气:
在这种情况下如何使用 useReducer?
javascript - 未捕获的类型错误:将 useReducer 与 useContext 用于全局存储 React js 时,对象不可迭代
我正在尝试使用钩子将 redux 存储替换为 action 和 reducer 我使用 createContext 创建了一个全局存储,并使用 useReducer 创建了一个全局 reducer,并尝试在下面的文件中使用全局状态对象和 useContext,这会引发错误。另外,我尝试过控制台记录其返回值useContext(Store)
未定义。
index.jsx:7 Uncaught TypeError: Object is not iterable (cannot read property Symbol(Symbol.iterator)) at Home (index.jsx:7) at renderWithHooks (react-dom.development.js:14803)
在线获取错误const [appStore, dispatch] = useContext(Store)
我的App.js
我的商店/index.js
contextProvider.js
combineReducer.js
主页/reducer.js
android - 反应本机应用程序的缓慢
我最近创建了一个带有 react native 的应用程序,在该应用程序中我使用 Axios 从数据库中请求图像的地址,出现的问题是在主屏幕上我提出了请求并通过地图,我渲染了一个图像列表,当移动到另一个屏幕 2 我发出另一个请求 Axios 以获取其他信息并呈现另一个图像列表 出现第二个屏幕变慢的问题,我看到如果我在一个屏幕上发出两个请求它会变慢太多,有一些方法可以改进,即使我在下面的屏幕中放置一个URI相同镜头的图像,这个问题也可以解决。
reactjs - usereducer 不会更新状态
我对 React 很陌生,遇到了 useReducer。如果我在这里粘贴我的代码会很长,因为它涉及到组件,useContext和useReducer。所以我将只粘贴一些代码。我对 try and catch 循环中的状态有疑问。我的 reducer 启动了一个使用 firebase signInWithEmailAndPassword() 的登录方法。我做错了 try and catch 循环吗?我可以在 console.log 中看到错误消息,但我的状态不会随着错误消息而更新,无论是在 then().catch() 还是在 try and catch 循环中。
上面的代码是一个简化版本,我在使用 useReducer 更新状态时遇到了问题。
javascript - React useReducer 清空初始状态
我正在尝试使用 axios 在 initialState 中获取的一些数据,以便稍后可以将其与 useReducer 一起使用。但是一旦我将它作为第二个参数的 initialState 传递,它就会返回一个没有对象的空数组。请帮忙... :(
第一个和第二个日志的结果如下所示:
将计数添加到每个后,API 调用的结果如下所示:
这是我的减速器的代码,我检查了很多次,但看起来还不错:
javascript - 带有 useReducer 和 MongoDB 的待办事项列表 - 错误:“todo.map 不是函数”
我尝试使用 nodejs 和 MongoDB 设置一个简单的 Todolist。
我还使用 useReducer 来简化所有操作并更好地理解它。
我不知道我哪里出错了,但我收到错误“todos.map 不是函数”。我想这与获取数据库列表有关,但我不确定:/
应用程序.js:
APIHelper.js:
Todo.js:
我希望有一个人可以帮助我:(