react-hooks 相关问题

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

如何在react-router加载器中使用React Query而不会遇到useContext错误,同时可以访问isLoading和isError状态?

我正在开发一个React应用程序,我使用react-router进行路由,使用react-query进行数据管理。我的目标是在react-router加载器函数中获取数据,但是我遇到了...

回答 1 投票 0

如何在不刷新整个页面的情况下重新加载组件?

任何帮助将不胜感激,我已经在 React 中构建了一个简单的报价生成器项目,并且希望在不渲染整个页面的情况下加载新报价。目前,我正在使用钩子和...

回答 5 投票 0

Vanilla React 导航栏在更新本地存储时无反应

我有这个反应应用程序结构。一些组件根据本地存储的内容被隐藏。 从“反应”导入反应; 从“react-router-...

回答 2 投票 0

如何在类组件中使用React.useReducer(或等效的)?

有没有办法在React原生类组件中使用useReducer或任何等效的东西? 是的,reducer 方法是原始的 js 函数。我们可以直接在课堂上使用它,而不是将它与...的状态结合起来吗

回答 1 投票 0

为什么事件处理函数无法获取更新后的状态对象值?

这是我的代码: 应用程序.js: 导入'./App.css'; 从“./useAlarmClock”导入{useAlarmClock}; 导出默认函数 App() { const[动作,数据]=useAlarmClock(); 让开始=()=>{

回答 1 投票 0

React 状态更改不会重新渲染

我阅读了大量的帖子和文章,尝试了不同的方法,包括 useContext、useReducer 等,但我仍然不明白为什么状态没有改变以及为什么页面没有重新渲染? ...

回答 1 投票 0

我看不到“是”和“否”按钮

经过 6 次尝试后,我没有在页面中呈现按钮。我尝试调试但我不明白。下面是组件网络的代码,一切都按预期工作,除了...

回答 1 投票 0

React 函数中的旧状态值

我的反应状态有问题。我正在创建具有基本空值的状态。然后我使用设置状态值的函数,然后将新的状态值(正如我所想的)带入下一个函数。但我的...

回答 1 投票 0

如何在React应用程序的新页面中渲染组件

我随身携带了所有组件,并且链接也有效。下面是App.jsx的代码 从'react'导入{useState}; 从“./Components/Home”导入主页; 导入第二个任务...

回答 1 投票 0

Reactjs开发工具:钩子号不存在

为了理解为什么组件会在没有明显原因的情况下重新渲染,我启动了分析器。我可以看到我的组件由于 Hook 18 而重新渲染: 所以为了理解这意味着什么,我...

回答 1 投票 0

react handleSignup 在成功时重新渲染

当我注册时,如果出现错误,setstates 会起作用并显示一条错误消息,但如果注册成功,它不会显示任何内容,并且看起来全部重新呈现为默认值。 这是...

回答 1 投票 0

React 中的 ChatGPT API 无法读取 null 属性(读取“useRef”)错误

因此,我尝试按照此 yt 教程将 chatgpt api 集成到我的代码中。但是,我不断收到“无法读取 null 的属性(读取“useRef”)”的运行时错误。 我已经...

回答 1 投票 0

无法在状态中存储getDownloadUrl

const [values, setValues] = useState({ 描述: "", postImgUrl: "" }); const [imgPreview, setImgPreview] = useState(); const handleChange = (e) => { 设置图像预览...

回答 2 投票 0

两个(或更多)自定义挂钩发送休息请求(post、put、get),对结果执行某些操作,我希望它们按顺序工作

我有一个 React 应用程序,我需要: 设置初始状态 如果初始对象不存在,则创建一个对象 更新创建的对象 获取更新后的对象 我想和 c 一起做这个...

回答 1 投票 0

使用redux工具包与createApi进行react,但组件需要重新渲染3次,但是当页面加载时,总是需要渲染一次

使用redux工具包与createApi反应,但组件3次重新渲染,使用redux工具包与createApi反应,但组件3次重新渲染,但页面加载时,总是需要重新...

回答 1 投票 0

react-signature-canvas 在 ant design Modal 中不起作用

当我将 SignaturePad 放入 ant design 组件库“Modal”组件时,我遇到一个问题,它无法生成 Base64 图像。 当代码到达修剪功能时...

回答 1 投票 0

useState 或 useRef 用于表单提交

通常,当我处理表单提交时,我使用 useState 作为输入值并将 onChange 事件设置为 const [inputValues, setInputValues] = useState({ 标题: ””, 地址:“init”...

回答 2 投票 0

使用 renderHook 进行 React Hook 测试

我想使用 @testing-library/react-hooks 中的 renderHook 来测试组件的状态更新,这让我们可以像在 React 功能组件中一样渲染钩子。 只是想要...

回答 1 投票 0

ref.current 在 useEffect

我有一个正在转发到子组件的引用列表。它们似乎工作得很好,因为我可以用它们进行操作作为对用户操作的反馈(在这种情况下,它滚动到 vi...

回答 1 投票 0

typeError:destroy 不是函数 nextjs

当我将 nextjs 应用程序从 9 升级到 12 时。显示了一些错误,这些错误在以前的版本中没有得到处理。其中之一是: typeError: destroy is not a function 在

回答 5 投票 0

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