react-hooks 相关问题

通过创建新事件，计算活动断点从 O(n) 减少到 O(1)。有什么缺点吗？

我有一个 Next.js 14 项目，在该项目中，我尽可能优先使用服务器组件而不是客户端组件。 布局是服务器渲染的，而其中使用的组件包装器是客户端

UseState 不会更新组件各处的值

我正在尝试构建一个 React Web 应用程序，让人们能够解决国际象棋难题。我使用 chessground 库来渲染棋盘，并使用 chess.js 库来处理国际象棋逻辑。 我创建了一个组件

将组件逻辑拆分为钩子

我很难想出一种从组件中分离业务逻辑的好方法。由于不同的用例，它变得过于复杂并导致文件很长。我去过

当我的上下文在子组件内更新时如何导航（router.push()）？

这是我的上下文提供者。子组件将使用 setMyList 来更新 myList 。 // 上下文提供者 从 'react' 导入 { createContext, useContext, useState }; 导出让 MyContext =

如何通过 useState 的选择表单激活隐藏的 div？

请理解我只是在学习...... 有人可以帮助修改代码，以便当选择“是”选项时，显示表单的隐藏部分以允许额外完成吗？ 我尝试做...

如何使用React的useActionState钩子将表单提交到不同的目标？

我需要创建一个搜索表单，使用 React 将其结果发布到新选项卡/窗口。 目前，使用formik或react-hook-forms，我将利用本机表单属性来实现...

React 挂钩和比较对象引用

我在实现自己的钩子时陷入了太多重新渲染的陷阱。钩子本身看起来像这样： 函数 useRegexValidate(value: string, regex: RegExp, errorMessage: string, deps: ...

输入更改时 React 登录组件中的状态更新出现问题

我有这个基本的登录组件，其中包含使用双向绑定方法的电子邮件和密码字段。我面临的问题是，当 onChange 事件触发时，我的状态不会更新

控制 React Context - 导致渲染

我正在使用一个反应应用程序，其上下文包含一个单词列表。我有一个 context 的子组件，它使用上下文函数来编辑当前单词（设置单词列表）。 当我这样做时...

需要在react useState hook中存储React功能组件

我想将React组件存储在react useState中，但我认为这在技术上是错误的。 你对此有何看法。 例子 const LayoutContext = createContext(null 未知为 { setSidebarCo...

严格模式下状态不会更新

经过一番尝试，我发现严格模式下会出现以下问题。 如果有人能解释原因，我会很感兴趣。 拿这个简单的例子来说，在渲染内部我只是安排一个超时......

如何在单独的函数中使用useContext - ReactJS

我正在尝试将 useContext 的使用和随后的数组操作分离到可调用函数（ChangeContent）中，以便我可以在其他函数/组件中使用它，而不是...

Ref回调的清理函数没有执行

在我的 React 中，重新渲染时不会执行清理函数： 从 'react' 导入 React, { useRef, useState }; 导出默认函数 App() { const [x, setX] = useState(2); 常量...

如何在 React Native 中的应用程序地图中获取传统的蓝色地图标记？

我的应用程序中有一个选项，用户可以在其中看到他们当前的位置，但目前用图钉表示。我想用 iOS 和

无依赖关系的 React hook useCallback

对于简单的事件处理程序，使用不带 deps 的 useCallback 是否有意义？ 例如： const MyComponent = React.memo(() => { const handleClick = useCallback(() => { 控制台.log('

useState() hook 中的 setter 是什么类型的函数

我是新的reactjs学习者，正在学习hooks useState() hook中的setter如何充当setter代表什么类型的函数：是回调，纯函数还是临时等..我...

使用@react-native-community/cli构建失败错误

错误：autolinkLibrariesFromCommand：进程 cmd /c npx @react-native-community/cli config 退出，错误代码：1 失败：构建失败，出现异常。 * 其中：设置文件'C:\Users sif1\

在react中有条件地调用钩子

react 中有一个规则是不有条件地调用 hook。据我所知，反应只关心调用的钩子数量，所以我尝试了这个： 函数 useMainHook({ isLive }) { const res = isLive ?

允许在客户端组件中渲染服务器组件的模式

我有一个可能很常见的情况，客户端组件（CC）使用 useState 钩子有条件地渲染服务器组件（SC）。 CC 会将其导入的任何组件转换为 CC，这...

避免将服务器变成客户端组件的模式

我有一个可能很常见的情况，客户端组件（CC）使用 useState 钩子有条件地渲染服务器组件（SC）。 CC 会将其导入的任何组件转换为 CC，这...