react-hooks 相关问题

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

React 闭包中过时的 useState 值 - 如何修复?

我想在模态关闭时使用状态变量(值)。但是,在模式打开时对状态变量所做的任何更改都不会在处理程序中观察到。我不明白为什么会这样...

回答 5 投票 0

React 中重新渲染的次数

正如 React 文档页面中提到的,React 在队列中批量进行状态更新,以防止过多的重新渲染。状态更新中的 setTimeout 是否会阻碍此功能。如果...

回答 1 投票 0

当我返回选项卡时,为什么 useQuery 使我的组件重新渲染?

我正在使用react-query库,我查了一下,useQuery可以让你的react组件重新渲染,因为它有状态,但奇怪的是,当我更改选项卡时它会重新渲染(例如,我...

回答 2 投票 0

只要 showSearch 状态为 true,就聚焦于搜索输入字段

每当状态 showSearch 状态为 true 时,我在尝试专注于输入字段时遇到问题。我正在使用 useRef 和 useEffect 来实现此目的。因此,每当 showSearch 标志发生变化时,我都会运行 useEffect...

回答 1 投票 0

在React中将回调函数传递给useContext

我创建了简单的上下文和自定义挂钩来使用它,我想通过这个挂钩传递回调函数。有可能吗? 请记住,这不是实际的代码,它只是超级简单

回答 1 投票 0

在 React 上进行 API 调用的库的反跳库钩子

我正在使用一个库,该库通过提供者连接到客户端,并提供一个钩子来进行 API 调用并返回一些数据(类似于反应查询)。 有时会发生一些父母组件,o...

回答 1 投票 0

在 React 中自动缩放输入值的宽度

我想要一个宽度能够适应其内容的输入。 我正在尝试对类似问题实现此答案,但使用 React: 从 'react' 导入 React, { useState }; 导出默认值 (...

回答 5 投票 0

在页面中使用相同的组件会导致 Next.js 中出现错误

更新:我为我的问题创建了一个codesandbox。您将看到 3 个可以上传文件的组件,但每当您选择媒体时,第一个组件始终会更新。 https://codesandbox.io/p/d...

回答 1 投票 0

为什么 React 不通过赋值运算符更新引用变量而是通过简写运算符更新?

我试图查看代码重新渲染了多少次,因此使用参考 Hook 来检查它。虽然当我使用速记运算符时引用变量正在更新,但它不起作用......

回答 1 投票 0

当根据状态选择性地包含子组件时,React 如何维护状态的顺序?

我了解到React通过维护useState的使用顺序来实现状态钩子。每次重新渲染时,useState 都会按顺序填充状态值。 但如果是一个子组件...

回答 1 投票 0

如何强制重新渲染 React 组件 Chart(react-chart.js) 并更新自定义插件? (代码沙盒)

我使用具有深色和浅色两种背景颜色的插件为所有点制作了工具提示。但该插件仅在刷新页面后才起作用。我做了一个代码沙箱来显示问题。什么时候开

回答 1 投票 0

React useEffect 在设置状态变量时返回重复数据[重复]

我正在尝试使用 useEffect 从数据库中获取数据,然后操作数据并将其添加到状态变量中。下面是一个例子。 但是,我收到重复的行。我怎样才能获取d...

回答 1 投票 0

如何使用多选过滤 React Native 中的对象数组?

我正在尝试根据React Native中的多选元素中选择的值来过滤对象数组 如果我有以下数据数组: 数据 = [ {“_id”:“01”,“

回答 1 投票 0

没有Expo的React Native - 如何从promise获得的函数值中导出?

我有这样的场景,使用纯React Native,没有Expo:我目前正在使用来自GitHub的@react-native-tethering库(wifi和热点),并尝试在文本段落中填充...

回答 1 投票 0

防止 React 按钮组件因上下文更改而被渲染

我有一个按钮组件,它是地图叠加层的一部分。每当按下该按钮时,它就会将地图切换到以指定坐标为中心的位置。这些坐标每

回答 1 投票 0

有条件地更新useReducer中的状态

我写了一个reducer。 导出 const 减速器 = (状态, { 类型, 有效负载 }) => { 开关(类型){ 案例ACTION_TYPES.UPDATE_STATE: 返回 updateData({ 状态, 负载 }); 默认: ...

回答 1 投票 0

在 React 中测试时 useContext 的问题

我正在尝试对我的一些反应组件进行一些测试。它基本上是成功的,但我在使用 useContext 挂钩的一些组件中不断收到错误。我正在尝试在海上进行测试...

回答 1 投票 0

为什么动作处理函数总是捕获 `useState` 的初始值?

我有要添加滚动操作侦听器的视图。我想获取当前的滚动偏移量并比较其先前的值以执行某些操作。这是代码: const StickyBox = () => { 反对...

回答 1 投票 0

收到 WebSocket 消息时,React 状态重置为默认值

我正在开发一个 React 项目,我使用 WebSocket 来接收实时更新。但是,我遇到了一个问题,每次 WebSoc 时我的组件状态都会重置为默认值...

回答 1 投票 0

React-Calendar-TimeLine 是否可以更改标题上文本的颜色?

待更改文字 我尝试了多种方法来更改此文本的颜色但没有成功,我尝试使用样式化组件,类名,直接样式表,组件上的样式道具,我尝试过

回答 2 投票 0

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