react-hooks相关内容

使用异步获取反应挂钩

我是反应挂钩的新手,但我尝试将useEffect与useCallback一起使用,但得到了错误的React Hook "useList" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react- ..
发布时间:2022-02-22 11:06:58 其他开发

useState挂接设置器错误地覆盖状态

问题是:我试图通过单击按钮来调用2个函数。这两个函数都会更新状态(我使用的是useState挂钩)。第一个函数将value1正确更新为“new 1”,但是在1s(SetTimeout)之后,第二个函数激发,它将值2更改为“new 2”,但是!它将值1设置回“1”。为什么会发生这种事? 提前感谢! import React, { useState } from "react"; const ..
发布时间:2022-02-22 11:05:54 前端开发

如何在不使用实际的useEffect钩子的情况下创建像React的useEffect钩子中那样的陈旧闭包?

我知道闭包是如何工作的,但是我不能理解在没有详尽的依赖数组的情况下,陈旧的闭包useEffect是如何在Reaction的useEffect中创建的。为此,我试图复制一个陈旧的闭包,就像在Reaction的useEffect中一样,不使用useEffect,但是我无法创建它。我的代码不会创建陈旧的闭包,而是在每个时间间隔记录一个正确值。请您看一下下面的片段,然后告诉我: 我做错了什么?当我们 ..
发布时间:2022-02-22 10:54:55 前端开发

Redux与上下文API和useReducer挂钩

我在Reaction工作了6个月,目前还没有使用Redux的经验。虽然我使用过上下文API和useReducer钩子。我需要转换一个现有的应用程序来反应,这将有大约100-120个组件。我的问题是关于国家管理的选择。随着上下文API和useReducer钩子的兴起,我是否可以只依赖这两个,或者Redux库仍然是更好的选择?我找到的比较的文章是2019年末的,所以我无法决定。 请指导 推荐答案 ..
发布时间:2022-02-22 09:20:46 其他开发

React Function Components with hooks vs Class Components

随着在 React 中引入 hooks,现在主要的困惑是何时使用带有钩子和类组件的函数组件,因为在钩子的帮助下,即使在函数组件中也可以获得 state 和部分 lifecycle hooks.所以,我有以下问题 钩子的真正优势是什么? 何时使用带有钩子的函数组件与类组件? 例如,带有钩子的函数组件无法像类组件那样帮助提高性能.他们不能跳过重新渲染,因为他们没有实现 shouldCom ..
发布时间:2022-01-31 12:48:14 前端开发

React useReducer 异步数据获取

我正在尝试使用新的 react useReducer API 获取一些数据,并停留在我需要异步获取它的阶段.我只是不知道如何:/ 如何将数据提取放在switch语句中,否则不是应该这样做的方式? 从'react'导入反应常量 ProfileContext = React.createContext()常量初始状态 = {数据:假}让 reducer = async (state, acti ..
发布时间:2022-01-31 12:39:41 其他开发

如何在 React Hooks 的对象数组中更新状态`onChange`

我已检索使用 useState 存储在对象数组中的数据,然后将数据输出到表单字段中.现在我希望能够在我输入时更新字段(状态). 我已经看到人们更新数组中属性状态的示例,但从来没有更新对象数组中的状态,所以我不知道该怎么做.我已经将对象的索引传递给回调函数,但我不知道如何使用它来更新状态. //示例数据结构常量数据 = [{编号:1,名称:“约翰",性别:'m'}{编号:2,名称:'玛丽', ..
发布时间:2022-01-31 12:34:36 前端开发

使用 useEffect,如何跳过在初始渲染时应用效果?

使用 React 的新效果挂钩,如果某些值在重新渲染之间没有更改,我可以告诉 React 跳过应用效果 - React 文档中的示例: useEffect(() => {document.title = `您点击了 ${count} 次`;}, [数数]);//只有在计数改变时才重新运行效果 但上面的示例将效果应用于初始渲染,以及 count 已更改的后续重新渲染.如何告诉 React 跳过初 ..
发布时间:2022-01-31 12:27:58 其他开发

我在哪里可以在反应中使用钩子进行 API 调用?

基本上我们在 React 类组件的 componentDidMount() 生命周期方法中进行 API 调用,如下所示 componentDidMount(){//这里我们做API调用并相应地做setState} 但是在 React v16.7.0 中引入 hooks 后,它大多都是函数式组件 我的问题是,我们究竟需要在哪里使用钩子在功能组件中进行 API 调用? 我们有没有类似 ..
发布时间:2022-01-31 12:24:01 前端开发

如何在反应中使用带有useState钩子的回调

我正在使用带有钩子的功能组件.我需要从孩子更新父母的状态.我在 Parent 中使用了一个 prop 函数.一切正常,除了我的 prop 函数正在获取以前的状态而不是当前状态.我的 prop 函数在 useState 钩子设置当前状态之前执行.我怎样才能等待我的回调函数在 useState 调用后执行.我正在从基于类的组件中寻找类似 setState(state,callback) 的东西. ..
发布时间:2022-01-31 12:22:52 其他开发