react-hooks 相关问题

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

使用区分联合类型和反应减速器

努力理解如何将可区分的联合类型与减速器一起使用。下面是我的减速器的设置方式。我希望能够将其传递到提供程序组件中,但继续点击类型

回答 1 投票 0

反应,当其他组件上的状态相等时更改组件

嘿,我有一个小问题,我有一些类似幻灯片放映应用程序的东西,当我们完成第一张幻灯片上的所有幻灯片时,我想将组件更改为另一个组件。 从'react'导入{useState}; 常量

回答 1 投票 0

无法使用单击按钮时的 useState 将数据从一个页面传递到另一页面

当用户单击按钮时,我正在运行一个函数,该函数更新我的 useState 并将一个数组作为数据添加到其中。该数据稍后被传递到另一个网页,其中数组对象......

回答 1 投票 0

无法在 vitest 中测试与时间相关的钩子

上下文:我正在尝试为自定义 React hook 编写测试用例,并在内部使用与时间相关的 api(如 setInterval)。我正在使用 vi.useFakeTimers 来包装来自 @

回答 1 投票 0

在 useEffect 中使用 setState 会导致测试中出现最大更新部门超出错误

我有一个函数,它接受组件中的 props 值并将其展平为组件可以使用的形式。每次 props 值发生变化时都需要发生这种情况。我将 setState 放入 useEff...

回答 1 投票 0

React:根据所选城市更新天气详细信息的问题

我的 React 应用程序遇到问题,无法使用 OpenWeatherMap API 根据所选城市更新天气详细信息。这是设置: 我有一个家长组件...

回答 1 投票 0

为什么我无法从一个组件抓取状态到另一个组件?

我有两个功能组件(组件1),它是一个主要组件和(组件2),我想从中获取状态数据 从“react”导入{ useState,createContext,useContext };

回答 1 投票 0

Fetch 和 setInterval 反应钩子问题

我最近使用 React 的钩子从服务器获取数据,但我遇到了钩子的问题。代码看起来是正确的,但看起来 useEffect 不是第一次调用,而是 3 秒后......

回答 2 投票 0

当我通过useState在React中打开页面时,如何选择所有按钮和活动按钮?

我有一个 React 应用程序。我在 ItemList 页面上列出了一些项目。我真正想做的是选择全部并激活按钮。然而,我做不到。 当我第一次打开页面并选择...

回答 1 投票 0

Formik:根据之前的值设置值

是否可以根据之前的值设置formik值? 这是一个简单的例子: 常量 onButtonClick = () =>{ Array.from(Array(5).keys()) .forEach((num) => 形式。

回答 1 投票 0

使用 useEffect() 的 Mobx 未在组件中渲染数据

我是 React 和 Mobx 的新手。 我想通过 useEffect() 中 GET 请求的数据来初始化组件。 mobx 存储有简单的组件: 从“mobx”导入{autorun}; 导入反应,{

回答 1 投票 0

React 第一次没有生成帐号状态,因为它是 null

帐号是 userData 的一部分,我正在另一个组件中显示 userData。它完美地生成了帐号,但不是第一次,因为它被设置为空。 我尝试使用

回答 1 投票 0

Err 只有普通对象和一些内置对象可以从服务器组件传递到客户端组件。不支持类或空原型

我使用 React Query 从外部 API 获取 Json 文件。 下面是 fetch 钩子。 从“@tanstack/react-query”导入{ QueryClient, QueryKey, useQuery }; 让 Tmdb: 字符串; if(过程类型....

回答 1 投票 0

useEffect里面的setState不触发

setProductList似乎不起作用。 newProducts 和 ProductList 上面的 console.log 是不同的,因此 setProductList 应该更改 ProductList 并导致其他 useEffect

回答 1 投票 0

useQuery 内部是如何工作的?

我们通过以下方式使用useQuery钩子 函数狗({ onDogSelected }){ const { 加载、错误、数据 } = useQuery(GET_DOGS); 如果(正在加载)返回“正在加载...”; 如果(错误)返回`错误! ${

回答 1 投票 0

React 查询 useQuery() 和 useState()

我在 React Native 应用程序中有一个屏幕,我在其中使用 useQuery 获取一些数据,使用 setState 将此数据保存在对象状态中,然后更新子组件内的状态值。我被困在...

回答 1 投票 0

在React中使用useEffect钩子会导致几分之一秒的数据冲突吗?

这是react文档中给出的使用useEffect获取数据的示例。 导出默认函数 Page() { const [person, setPerson] = useState('Alice'); const [bio, setBio] = useState(null)...

回答 1 投票 0

如何替换react中的字符串

我使用表情符号API,我得到了像U+1F425这样的表情符号unicode,以便能够在jsx中显示表情符号。我必须将 U+1F425 替换为 \u{1F425} 。基本上我只需要从 api 获取 1F425 。 表情符号.jsx

回答 4 投票 0

在自定义钩子中测试状态更新时为什么需要 act() ?

StackBlitz 示例 - 打开新终端和 npm t。 我阅读了有关 act 的文档和此解释,我明白它只是确保在任何断言之前一直更新状态。然后...

回答 1 投票 0

在没有意外递归的情况下得到React“超出最大更新深度”是否合理?

我正在编写一个 Cesium/Resium 应用程序,其中包含约 12000 个可点击的动画点。 我收到 React 警告超出最大更新深度。 当有<5000 points, there's no warning, but somewher...

回答 2 投票 0

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