9得票3回答
useEffect在状态改变后未被触发。

我正在制作一个自定义下拉菜单,允许在下拉菜单中添加新项目。出于某种原因,useEffect 在状态更改时未被触发,但在初始渲染时被触发。我相信我错过了一些小细节,但没有看到它。当用户单击与“addNewOptionToTree”方法相关联的按钮时,应将新项推入。类别列表然后应在下拉菜单中显示新...

8得票1回答
useState钩子一次只能设置一个对象,并将同一数组的另一个对象返回到初始状态。

我有一些这样格式的数据: books = [{ id: 1, name: "book-1", audiences: [ { audienceId: 1, name: "Cat A", critics: [ ...

7得票2回答
如果自定义钩子内部的状态发生变化,会导致组件重新渲染吗?

在我的React应用程序中,我有一个自定义的hook,它在内部保存了一个useState值,但自定义的hook本身不返回任何值。如果其内部useState的值发生更改,是否会导致调用此自定义hook的组件重新渲染?

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

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

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

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

7得票2回答
React组件有时会呈现两次,但状态不变。

我正在使用Redux订阅一个存储并更新组件。这是一个没有Redux的简化示例,它使用虚拟存储来进行订阅和分发操作。请按照片段下面的步骤重现问题。 编辑:请跳到“更新”下面的第二个演示片段,以获得更加简洁和接近实际场景的示例。问题并不涉及Redux,而涉及React的setState函数标识在...

7得票2回答
FlatList的scrollToIndex超出范围

我有一个FlatList,我正在尝试每隔X秒滚动一次我的数据数组中的每个索引。目前我的数组中只有两个项,但可能会有更多。当前代码可以在前两次迭代中工作,但然后它似乎无法正确重置,我收到了scrollToIndex out of range error: index is 2 but maxim...

9得票8回答
React 中的 useState() 在 set 后变为 undefined

我遇到了一个问题,不明白为什么钩子返回undefined: import React, { useEffect, useState } from 'react'; function App(){ const [globalVariable, setGlobalVariable]...

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

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

12得票4回答
MUI自定义文本框在状态改变时失去焦点。

我正在使用 MUI 库创建我的 React Js 应用程序。 在这里,我使用了受控文本字段组件来创建一个简单的搜索界面。 但是有点奇怪,Text Field组件在其值被更改后失去了焦点。这是我第一次遇到这个问题,以前从未遇到过。 为什么会发生这种情况?有什么解决办法? 以下是代码和演示...