react-hooks 相关问题

Hooks是一项新功能,允许开发人员在不编写类的情况下使用状态和其他React功能。

在 useCallback 钩子中使用 Axios 时,React 函数组件无限重新渲染?

这是一个文件上传组件,一切都按预期工作,但是,当尝试在 useCallback 中使用 Axios POST 文件时,ProgressBar 组件会无限地重新渲染,如果有...

回答 1 投票 0

如何正确修复 React Hook useCallback 缺少依赖项

我在 React typescript 项目中使用 airbnb 更新了我的 Eslint 规则。 我现在收到这些错误: React Hook useCallback 缺少依赖项:“setCookie”。任何一个 包含它或删除依赖项...

回答 1 投票 0

使用 useMemo/useCallback 时需要考虑计算成本较高的时间限制

根据包括 React 文档在内的数十篇文章,使用 useCallback 和 useMemo 挂钩有助于防止不必要的重新渲染。 另一方面,这些性能优化挂钩不是免费的,并且

回答 2 投票 0

为什么我无法在 React 中清除我的井字游戏板?

我正在关注 React tictactoe 教程 https://react.dev/learn/tutorial-tic-tac-toe。我添加了一个清晰的按钮/功能,但它没有做任何事情。有谁知道为什么? 从 're... 导入 React

回答 1 投票 0

react中的单词从div溢出

我正在开发一个 React 的 Hangman 网站,该网站允许用户创建单词和命中供其他用户解决,现在我正在开发一个组件,该组件允许用户看到一些提示,也许......

回答 1 投票 0

无法在 React 中读取 null 的属性(读取“map”)

我试图让我的搜索栏显示一些结果,但它没有,并且显示错误 无法读取 null 的属性(读取“map”) // 从“axios”导入 axios; 导入反应,{

回答 4 投票 0

React 状态未在函数中更新

使用React,我正在尝试制作一个国际象棋网站。 在我的 App 函数中,我有以下代码: const [playerSide, setPlayerSide] = useState('White'); 函数 switchPlayerSide() { 控制台....

回答 1 投票 0

无法使用 useImperativeHandle 运行函数

我正在尝试使用 useImperativeHandle 但仍然收到错误“无法添加当前属性,对象不可扩展”。每个教程中的代码都以类似的方式编写,并且正在工作......

回答 1 投票 0

如何使用 useFormStatus 钩子处理 Next JS 表单中多个提交按钮的加载状态

我在 Next JS 14.2.2(应用程序路由器)应用程序中有一个简单的 html 表单。该表单有两个提交按钮,即 Button1 和 Button2。我正在使用react-dom中的useFormStatus钩子来处理负载...

回答 1 投票 0

NextJS:即使使用 useEffect,仍然触发“窗口未定义”错误

我正在尝试在我的 NextJS 应用程序中集成 JS 库,但是加载页面时我总是在服务器端收到以下错误: ReferenceError:窗口未定义 我不明白为什么...

回答 1 投票 0

我在反应时收到错误“无法读取 null 的属性(读取“地图”)”,请参阅我的代码

我正在用 React 构建一个电影网站,问题发生在 usestate 我想请看一下 我试图让我的搜索栏显示一些结果,但它没有,并且显示错误......

回答 1 投票 0

创建基于对象的状态导致 useEffect 在挂载时触发

我正在建立一个这样的状态: const 今天 = new Date(); const 年 = 今天.getFullYear(); const 月份 = String(today.getMonth() + 1).padStart(2, '0'); const day = String(today.getDate()).padS...

回答 1 投票 0

React 在该 Div 中添加一个类,而不是在其他 Div 中

我是 React 新手,面临一个问题。 我有几个 div,当单击一个 div 时,我只想在这个 div 中添加一个新类。 问题是当我单击一个类时,它会在该 div 中添加一个新类...

回答 1 投票 0

React useParams 根本不显示参数,返回具有多个值的对象

我正在研究 React 并路由 App.js 中的一些链接,其中 2 个有一个 :id 参数,如下所示 从“反应”导入反应; 导入“./App.css”; 导入 { BrowserRouter as ...

回答 3 投票 0

React useState Hook:在 useEffect 之前状态不更新

我在组件中遇到了 React useState 钩子和 useEffect 钩子的问题。当我使用 setData 更新状态时,在 useEffect 挂钩 c 之前状态似乎没有更新...

回答 1 投票 0

React 18.2.0 在 onClick 时动态生成表单 - 表单来表示深度嵌套的 JSON

我有一个深度嵌套的 JSON 对象。我想显示与 JSON 值相关的输入字段。为了遍历深度嵌套的 JSON 对象,我使用了递归并收集了所有 pro...

回答 1 投票 0

“React 组件中基于查询参数过滤产品的困难。”

我在尝试根据 React 组件中的查询参数过滤产品时遇到问题。我有一个主要组件,可以从上下文中获取产品并提取查询参数...

回答 1 投票 0

React TypeScript 16.8 如何使 useEffect() 异步

为什么useEffect()不能使用async-await? const Home: React.FC = () => { useEffect(异步() => { console.log(等待 ecc.randomKey()) }, []) 返回 ( ... 错误...

回答 4 投票 0

为什么子组件在React中没有渲染?

我正在使用下面的包react-if。 https://www.npmjs.com/package/react-if 但我的子组件没有渲染。我正在尝试这样 ReactDOM.createRoot(document.getElementById('root')!).rende...

回答 1 投票 0

useEffect 在 chrome.storage.local 中的数据更改时更新状态

我的代码运行得很好,但是当我更新本地存储中的某些内容时,除非重新加载应用程序,否则我的应用程序不会更新。我想做的是自动更新数据...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.