如何在REACTION js中使用上下文API管理全局状态
我使用useContext管理导航栏的状态时遇到问题。只要菜单切换，ATM My应用程序就会呈现菜单项。我希望此事件仅发生在onClick上，并且按钮不记录控制台日志消息，它只有在我直接单击链接项目例如：Home时才起作用。 所以我有两个问题。如何管理导航栏状态以显示如何隐藏菜单项，而不必为其创建新组件？ 我如何修复我的Click事件，因为它在菜单按钮本身或/和菜单项上触发？ 下面您将为App.j
..
use-reducer相关内容
React Hook useReducer 总是运行两次
在安装我的组件后，我正在从公共 API 加载数据.加载数据时，我将其传递给减速器，但它总是触发两次.这就是我所拥有的: function MyComponent(props) {功能减速器(数据，动作){开关(动作.类型){案例“初始化":返回 action.payload;案例“ADD_NEW":const newData = {...数据};newData.info.push({});返回新
..
使用 useReducer 持久化 localStorage
我有一个使用 useState 的迷你购物车应用程序.我现在想重构由 useReducer 管理的应用程序状态，并继续使用 localStorage 保存数据. 我在弄清楚如何重构时遇到了麻烦，其中涉及到许多动人的部分.我如何重构 addToCartHandler 中的逻辑以在 ADD_TO_CART 案例中使用?从那里，我相信我能够找出 cartReducer 中其他情况的模式.谢谢.
..
如何在 useEffect 中调度?
我尝试在 useEffect 中使用 useState 设置状态没有问题，代码如下: import React, {useState, useEffect} from 'react';const Banner = () =>{const [title, setTitle] = useState([]);useEffect(() => {异步函数 fetchData() {const api
..
如何存根 react-redux useReducer 钩子 - 使用 cypress
有人可以帮我理解如何从 react-redux 存根 useReducer 吗?这段代码看起来应该可以工作，但实际上并没有(存根从不拦截 useReducer 函数). 从'react'导入React；从“@cypress/react"导入 { mount };import * as ReactReduxModule from 'react-redux';const { Provider } =
..
通用 Typescript Type + React hook
我有以下 http 钩子: export const useHttp = (initUrl: string, initData: T) =>{const [url, setUrl] = useState(initUrl);const [状态，调度] = useReducer(fetchReducer, {isLoading: 假，错误: ''，数据:初始化数据});useEffect(() =>
..
为什么 useReducer 的调度会导致重新渲染?
假设我实现了一个简单的全局加载状态，如下所示: //hooks/useLoading.jsimport React, { createContext, useContext, useReducer } from 'react';const 上下文 = createContext();const { 提供者 } = 上下文；常量初始状态 = {isLoading: 假，};功能减速器(状态，动作)
..
使用 useEffect 更新 useReducer 'state'
在我的应用程序中，我使用的是 React Hooks/Context API.现在，每当我的 Provider 组件挂载时，我都需要将从 localStorage 获取的数据分配给 initialState.carts/state.carts.如果 useEffect 支持返回对象，这是可能的.但是不能在useEffect中返回对象！ 现在我该如何解决问题? 代码如下， cons
..
React Hooks useReduce 或 useState
我有一个包含 30 个字段的表单，所有这些字段都是来自下拉列表中的值的模板，如果我更改模板的值，我最终会创建一个自定义模板. 所以动作是: 当我们更改表单中的值时，模板将在自定义模板中更改 如您所见，有一些逻辑上下波动，我担心多个 setState 声明和调用.我应该使用 useReducer 还是 useState? 解决方案 来自 useReducer文档: u
..
尝试在 <Create/> 上使用 react-admin 转换功能
我是 react-admin 的新手，我正在尝试构建自定义图片库输入.它应该显示一个带有图像的模式(数据已经被提取并存储在 redux 中)，以便用户可以选择一个或多个图像(选择后，一个动作被调度来更新减速器的值)，我需要这些选择的图像 ID 在转换中 上的函数，以便我可以在调用 dataProvider 方法之前添加所需的数据. 但我有一个奇怪的问题，这可能是因为我缺乏反
..
在nextjs中将useToken与useContext粘贴在useReducer中，并获得未定义的
我在Next.js中将 useReducer 与 useContext 结合使用时遇到问题.我想使用用户已经通过 useReducer 和 useContext 制作的令牌，但是当我尝试使用它时，它是不确定的.我不知道该怎么办? 这是我的代码文件: 此代码用于从Next.js的api文件夹中获取令牌(无论如何，我正在使用 next-connect ): 从'../../../util
..
React Navigation v5身份验证流程(屏幕为不同文件)
如果我们在文档示例中看到: https://reactnavigation.org/docs/auth-流量/: function SignInScreen() { const [username, setUsername] = React.useState(''); const [password, setPassword] = React.useState(''); con
..
遍历列表时如何动态使用useReducer?
我正在尝试显示时间列表(例如07:00、07:30)，但是当出现重复时间时，请在其旁边显示重复次数(例如07:30、08:00³) 当我遍历列表时，每个项目都需要有自己的状态，以便可以在每个时间旁边设置和显示计数器 此刻，我有太多的rerender，但是我也不确定我的reducer是否正确 在此仓库中可以看到没有任何注释的代码:const TimeGrid = () => { c
..
React Hook useReducer始终运行两次
安装组件后，我正在从公共API加载数据.加载数据后，我将其传递给reducer，但它始终会触发两次.这就是我所拥有的: function MyComponent(props) { function reducer(data, action) { switch (action.type) { case 'INITIALIZE': re
..