react-hooks 相关问题

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

使用效果功能没有按预期工作

从 'react' 导入 React,{useState,useEffect} 函数计数器() { const [计数,setCount] = useState(0) 常量 incCount=()=>{ console.log("计数",计数) // 设置计数(计数+1)

回答 1 投票 0

如何在渲染过滤列表后将我的 useState 重置为初始状态?

我无法弄清楚如何将我的projectList重置为其初始状态,这样在filterProjects函数中它会过滤整个projectList而不是已经过滤的...

回答 1 投票 0

ReactJS:根据下拉选择渲染不同的组件

我正在努力进行更改,通过基于下拉选择(动态)调用不同的 API 从数据源获取数据。 如果我使用“ProductTable”组件,我可以在 UI 中查看数据...

回答 1 投票 0

控制台输出打印2,2,3。我认为应该打印 2 2 2 ,我想知道为什么我打印 2 2 3

`函数App() { let [state, setThings] = React.useState('pm'); 让事情=''; 让计数 = 1; 函数 updateThings() { 计数 = 计数 + 1; 如果(计数%2 === 0){ 设置事物((公...

回答 1 投票 0

如何使用react-router-dom v6执行编程导航?

我正在开发一个React应用程序,并尝试使用react-router-dom v6来实现编程导航。我想根据用户交互导航到不同的路线,例如按钮单击...

回答 1 投票 0

在自定义React钩子中,useEffect在return语句之前触发吗?

我创建了一个自定义反应挂钩来使用 useQuery 获取数据。当用户滚动表格时,将加载下一组数据。当使用下一组道具调用自定义反应钩子时,

回答 1 投票 0

React-Hook-Form 多层嵌套对象的意外行为

最近我发现了react-hook-from插件,由于其出色的性能,乍一看似乎非常适合开始使用和替换其他插件。 使用插件进行一些操作后...

回答 1 投票 0

useState 未更新数组

我正在编写一个 nextjs 电子商务网站,在产品网格部分中我添加了一个过滤器选项,允许用户选择特定类别,但产品变量不会更新...

回答 1 投票 0

这是 React 中对齐状态的安全策略吗?

我正在构建一个用于数据排序的钩子,它可以从外部接收用户定义的状态和setState,但如果它们未传递,我将使用内部useState声明。 但这合适吗...

回答 1 投票 0

将 Zustand 代码转换为 Context API 状态

我用 typescript 为 zustand 状态管理库编写了这段代码 导出常量 useStore = ( 存储:(回调:(状态:T)=>未知)=>未知, 回调:(...

回答 1 投票 0

未捕获类型错误:创建不是使用 useEffect React Hook 和 AJAX 请求的函数

我正在尝试使用 React hooks 来获取一些数据并显示它,但收到错误: 函数应用程序(){ const [用户,setUser] = React.useState(null); React.useEffect(fetch('https://

回答 3 投票 0

使用 onMouseEnter 的“事件”详细信息会导致重新渲染,从而压倒 React 中的 onMouseLeave 函数

我想创建文本跨度,当您将鼠标悬停在文本跨度上时,它们会显示图像的预览。 应该发生的是,当鼠标悬停在该部分上时,显示布尔状态设置为 true 并且...

回答 1 投票 0

如何创建自定义 React hook useSaveState 来与 localStorage 同步状态?

我想创建一个名为 useSaveState 的自定义 React 钩子,它可以使管理与 localStorage 同步的状态变得更简单。钩子应该从 localStorage 初始化状态(如果可用)并更新

回答 1 投票 0

@testing-library/react 中用于异步钩子的函数 waitForNextUpdate (@testing-library/react-hooks) 的替代方案是什么?

我想测试我的自定义钩子,但在 React 18 中 @testing-library/react-hooks 库不起作用,而是我使用 @testing-library/react 它具有 renderHook 函数并且工作正常,但是这个 l. ..

回答 2 投票 0

在渲染调用中访问 ref 当前属性

在处理特定任务时,我想到了创建自己的 usePreviousValue 挂钩的想法,只是为了好玩。我知道已经有很多预先存在的解决方案,例如 React Rooks 等。 初始化...

回答 1 投票 0

如何禁用material-ui自动完成中的过滤选项?

我正在使用material-ui Autocomplete。当用户更改输入时,它会异步从后端获取建议。这是代码的一部分: const [选项,setOptions] = useState([]); <

回答 2 投票 0

useEffect中声明的Interval没有被清除

Interval 在 useEffect 中声明。此间隔继续进行,并有条件地设置 iframe 上的 src 属性,由 useRef 引用。目标是重新加载 iframe,如果尚未加载...

回答 1 投票 0

React Native useCallback 使用初始状态值

当我想在用户从我的应用程序收听音频时跟踪一堆元数据时,我有以下设置。然而,由于某种原因,length_played 始终保持为 0 并且 time_listened 不准确......

回答 1 投票 0

将 React 引用传递给深度嵌套的子组件

我需要从父组件控制一个ref(React useRef)。 ref 位于深度嵌套的子组件中。 我是否必须在每个子组件中使用forwardRef,直到到达 HTML 元素...

回答 1 投票 0

可翻译的 React 标签组件问题

我创建了一个MessageLabel组件,使用方法如下: 登录 MessageLabel 组件使用占位符标签...

回答 1 投票 0

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