react-hooks 相关问题

React 查询挂钩在初始加载时未运行

这是我的 React 组件。我想要开始工作的钩子是 useGetNotesQuery。 组件初始加载时，它不会运行。如果我切换选项卡，或者创建一个新笔记，那么钩子将是...

如何在自定义输入组件中处理 React Hook 表单验证？

我正在使用 React Hook Form 来处理我的 React 项目中的表单验证。虽然使用普通元素时一切正常，但当我尝试将输入包装在自定义组件中时遇到问题......

useTransition 的 isPending 在更改为 false 之前不等待 API 调用完成

我正在尝试使用 useTransition 挂钩解决问题。我有一个按钮，它的 onClick 会触发一个进行 API 调用的函数。问题是 useTransition h 中的 isPending ...

usetransition 的 isPending 不等待 API 完成才更改为 false

我正在尝试使用 useTransition 挂钩解决问题，我有按钮，单击该按钮时，会调用一个函数来触发 API 调用。但 usetransition 钩子并没有等待......

当 State 最初未定义时，如何避免 React 中“无法读取未定义的属性‘map’”？

我正在构建一个 React 应用程序，我想在其中映射项目数组并将它们呈现为列表。我面临的问题是当状态最初未定义时，map()函数会抛出

使用 setState 的 useEffect 挂钩的执行顺序

我在下面的React功能组件中有以下useEffects。我想确保当更新 showComponentProp 时，第一个 useEffect 在第二个 useEffe 之前更新状态...

React 下拉问题：单击任何下拉按钮或外部元素时，所有下拉菜单都会同时打开

我正在 React 中构建一个可重用的下拉组件，可以通过单击其按钮和单击外部元素（watchElements）来切换该组件。下拉菜单单独工作正常，但是......

咖喱函数内的 React 挂钩（创建 HOC）从 linter 返回错误“React Hook“useContext”无法在回调内调用”

在我的项目中，我摆脱了类，只使用 Hooks。现在，我正在尝试创建 HOC，但我的 linter 返回了在 curry 函数中使用 Hooks 的错误。这是简化版...

如何使用服务器操作 POST 向端点 nextjs 发送数据

我在父组件中有不同的步骤，其中之一我使用静态方法 Array.from()。现在我正在学习服务器操作并希望使用 POST 将数据发送到端点。 如果（上一个。

不带参数（并跳过选项）调用 RTK Query endpoint.select() 的正确方法

我想使用endpoint.select()函数从缓存的RTK查询数据创建选择器，请参阅RTK高级模式。 文档明确指出，如果没有查询参数，哟...

我如何在useCallback（react hook）中获取useState值

我无法获取useCallback内部的useState值。当我运行下面的代码时， 导入 React, { useCallback, useEffect, useRef, useState } from 'react'; 常量 DBLab = () => { 常量 [

React Native：如何检测功能组件将被卸载？

我的 RN 0.62.2 应用程序需要在功能组件卸载之前自动保存页面数据。这个想法是，当用户关闭页面时（检测失去焦点可能无法在这里工作，因为使用...

为什么这个 useEffect 会导致无限重新渲染？

我正在尝试创建一个 useEffect 挂钩，当组件加载或数组更新时，它将检查我的 firebase 数据库中的对象数组。我的问题是它导致了

React 访问另一个组件的 DOM 节点

在阅读react.dev学习教程时，我注意到访问另一个组件的DOM节点有些不太正确。 https://react.dev/learn/manipulate-the-dom-with-refs#accessing-another-

如何使用 useActionState 钩子对表单进行单元测试？

我想使用 useActionState 挂钩测试表单。它确实使用简单的异步函数，而不是服务器操作。我想断言状态会增加，但测试甚至在我可以之前就失败了......

React useState 钩子，使用函数调用 setState [重复]

React 中有一个概念（当使用 hooks 时）让我感到困惑。 我制作了一个用于解释的组件（增加了计数器）： const [计数器，setCounter] = useState(0); // 计数器钩子 // 代码...

useState 问题

我有以下React组件，它的工作方式非常奇怪！ useEffect 挂钩内的所有内容都是正确的（console.log 显示实例的正确值），但是在使用 ne 调用 setApiInstance 之后...

用 axios 实例反应 useState 问题

我有以下React组件，它的工作方式非常奇怪！ useEffect 挂钩内的所有内容都是正确的（console.log 显示实例的正确值），但是在使用 ne 调用 setApiInstance 之后...

如何等待reactJS中useState的状态更改来检查用户是否在仪表板上经过身份验证？使用上下文 API

所以我正在使用 useContext API 对用户进行身份验证。 这是我的 AuthContext 代码，它返回带有值的 AuthContext.Provider 。 从“react”导入{createContext，useEffect，useState}； ...

如何使用useState、Dispatch输入？

考虑以下代码： const [秒，setSeconds] = useState(START_VALUE); 使用效果（（）=> { const 间隔 ID = setInterval(() => { setSeconds((前一秒) =>