392得票23回答
如何在React Hooks中使用`setState`回调函数

React hooks引入useState来设置组件状态。但是我该如何使用hooks来替换下面的回调函数:setState( { name: "Michael" }, () => console.log(this.state) ); 状态更新后我想做一些事情。 我知道我可以使用...

41得票3回答
React中如何使用useState存储和更新多个值?

我有一系列用户数据元素,我正在使用React hooks在组件内收集这些元素。const [mobile, setMobile] = useState(''); const [username, setUsername] = useState(''); const [email, setEma...

39得票13回答
在使用React中的useState时遇到错误“TypeError: Cannot read properties of null (reading 'useState')”。

我正在尝试在我的Next.js应用中使用useState,但是一旦我添加了初始化useState的代码行,它就会弹出一个错误窗口,显示以下错误消息:TypeError:无法读取null的属性(读取'useState') 以下是我代码的简化版本: import { useState } fr...

38得票1回答
惰性初始状态 - 是什么以及如何使用它?

我是React Hooks的新手。我正在尝试在我的代码中使用useState。在使用它时,我发现一个术语“Lazy initial state”。 https://reactjs.org/docs/hooks-reference.html#lazy-initial-state const ...

31得票2回答
如何解决React Hook闭包问题?

import React, { useState } from "react"; import ReactDOM from "react-dom"; function App() { const [count, setCount] = useSt...

28得票2回答
为什么我的Next.js组件会渲染两次?

这是一个组件,从 Firebase 存储中呈现数据并将其列出。该函数的任务是将从 Firebase 存储中提取的视频设置为 useState。这样我就可以调用视频并映射到新的组件中,该组件恰好是一个按钮列表。它表现得相当不错,问题在于该组件会渲染两次,第一次它不会将视频保存在状态中,而第二次则...

23得票4回答
如何避免未使用的setState函数?是否可以创建一个没有setter的React useState?

我目前正在一个React网站上减少/消除npm警告。 这些警告中有很多是由下面所示的setState函数引起的,被标记为“未使用”。 const [state, setState] = useState('some state'); 以下哪种方法更好地消除这些警告?或者有更好的方法来解...

21得票2回答
在React中,是否有一种方法可以将可变类实例对象存储在状态中?

React状态不应直接被改变。但是,如果状态是一个应该使用自己的方法可变的类实例。有没有其他方法而不必深度克隆并使用新参数重新实例化对象? 一般而言:在维护父组件状态(通过props/context传递)的属性的同时,在子组件中使用创建的类对象的React方式是什么? 示例类class Car...

19得票7回答
如何在对象数组中使用useState更新状态?

我在使用React的useState钩子时遇到了一些问题。我有一个待办事项清单,其中包含一个复选框按钮,我希望将具有与“点击”复选框按钮的id相同的id的“完成”属性更新为“true”。如果我在控制台中记录我的“toggleDone”函数,则返回正确的id。但是我不知道如何更新正确的属性。 当...

18得票3回答
UseState总是显示先前的值

这是所有新的React开发者中一个流行的问题,但我不知道可用解决方案背后的逻辑。我正试图使用hooks更新状态变量并尝试读取更新后的值,但它总是返回先前的值而不是新值。以下是我的代码执行顺序。onClick={setTransactionAccountId} 在按钮点击时,它会执行下面的代码并...