react-hooks 相关问题

React 组件 - 无法读取 null 的属性（读取“useState”）

我正在为一些在不同项目中使用的组件构建一个小型本地开发/测试/文档环境，因此希望将它们创建为单独的 npm 包。 一切都是

React 表单提交导致页面重新加载，尽管使用了 e.preventDefault() https://github.com/hatimb03/Murmur---chat-app.git

我正在开发一个 React 组件，其表单使用自定义挂钩发送消息。尽管在表单的 onSubmit 处理程序中使用了 e.preventDefault()，但每次我提交表单时页面都会重新加载，

React 表单提交导致页面重新加载，尽管使用了 e.preventDefault()

我正在开发一个 React 组件，其表单使用自定义挂钩发送消息。尽管在表单的 onSubmit 处理程序中使用了 e.preventDefault()，但每次我提交表单时页面都会重新加载，

如何在 React 应用程序中设置系统首选项黑暗模式，同时还允许用户来回切换当前主题

我有一个 React Web 应用程序，在导航上有一个主题切换。我有一个 ThemeProvider 上下文，它具有自动检测用户的系统主题首选项并设置它的逻辑。然而，我觉得用户应该...

带有 React Hooks 的摄氏度到华氏度转换器

我正在尝试使用 React Hooks 编写一个摄氏到华氏（反之亦然）转换器的代码。 但是两种方式的数据绑定不起作用，我不明白为什么。 有人可以帮忙吗？ 谢谢！ 这是我的代码

如何阻止 Next.js 在使用“use client”指令时两次运行客户端代码或无限期挂起？

问题 我有一个场景，我必须使用“使用客户端”指令，因为我的项目使用 Chakra UI 并且它们的组件无法在服务器中呈现。 当我尝试运行此示例代码时： // 应用程序/

下拉选择组件有数据落后一步

我的应用程序中有一个下拉菜单。当它被选择时，它会触发一个更改 sortOption 状态的方法，然后触发 useEffect 对数据进行排序（称为 allTabs）。然而，数据...

使用 React 渲染 jQuery 组件：如何编写 useEffects？

我们有一个包含大量遗留 jQuery 组件的代码堆栈。我们正在向 React 迈进，步骤之一就是用 React 包装 jQuery。 但是，管理非 React 子组件的状态...

如何更新react中的嵌套对象状态，用{}初始化，然后是我从api获得的json数据

如何更新react中的嵌套对象状态，用{}初始化，然后从api获取json数据。 为什么此代码不起作用： 从 'react' 导入 React, { useEffect, useState }; 导入 { useQ...

React 19 表单在初始渲染时意外提交多次

我有一个带有简单表单的 vite React 19 应用程序。如果我正在查看“检查元素”选项卡，我的表单操作如下所示 action =“javascript：抛出新错误（'React表单意外出现 提交...

使用react-xarrows水平滚动

我正在创建一个水平可滚动的 div，其中包含按钮等元素，并使用 React-xarrows 来连接这些元素。 但是当我滚动 div 时。按钮正在移动，但箭头卡在...

如何避免在 React Native 中使用 FlatList 重新渲染？

我第一次查看屏幕时最初在 useEffect 中调用 API 响应，但 API 请求继续运行，我猜是因为我已经达到了发送请求的限制。 （我是新来的...

React 项目无法在 CI 管道中编译，因为 useEffect Hook 中缺少依赖项（在本地部署中运行良好）

我收到此错误消息： src/问题/QuestionComponent.tsx 第 22:8 行：React Hook useEffect 缺少依赖项：“setWorkdayAnswer”。要么包含它，要么删除依赖数组react-

React 无法在正确的时间触发 useState 更改

我正在尝试按价格从低到高或从高到低对产品进行排序，这是我之前在 vanilla JS 中做过的事情，但这次是在 React 中。我有一个下拉菜单可以选择所需的顺序和实际功能

useCallback()钩子如何解决React中的函数相等问题？

简介 我试图了解 React 中的 useCallback() 钩子及其在解决函数相等问题中的作用。我看到一篇讨论这个概念的博客文章，但我仍然不清楚......

React 中的 useCallback 钩子和记忆

尝试理解react中的useCallback()钩子。有人在博客文章中说它解决了以下问题： 在深入了解 useCallback() 的使用之前，我们先来区分一下 useCallb 的问题...

如何避免在 useEffect 中使用 setState？

useEffect(() => { if (processed.length !== Object.keys(rules).length) { if (currRules.length) { 常量完成 = [], 未完成 = []; currRules.forEach((规则) => ...

运行变量++添加2而不是1（Reactjs）

我试图将一个值增加 1。无论我尝试什么，它都会增加超过 1。我知道该函数仅被调用一次，并且仅在单击按钮时调用 const [计数器，setCounter] = useState(0)...

使用以前的自定义 React Hook 实现

从“react”导入{useRef，useState}； 导入“./styles.css”； 函数 usePrevious(值) { const currRef = useRef(); const previousValue = currRef.current; currRef.cu...

无法将属性从layout.tsx传递到page.tsx

我正在使用应用程序路由器构建一个 Next.js 应用程序，其中“layout.tsx”文件管理一个按钮状态，我想用它来渲染“page.tsx”中的不同内容。我明白‘layyou...