useReducer/useState更新太慢

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-hooks

我编写了自己的钩子，它是<code>D0</code>函数的扩展，用于在每次更新时持久化状态。因为它是在状态更新之前被调用的，所以最后一个状态不是最后一个调用的新状态。因此，我的状态只保存最后一次调度。有没有办法解决这个问题(除了改变调用更新的方式，因为它们来自第三方组件) 提前谢谢。

浏览 12提问于2018-12-16得票数 2

回答已采纳

1回答

值不能在useReducer中传递

javascript、reactjs

Context.jsimport React, { useContext, useReducer,} from "react"; const [products

浏览 2提问于2022-06-19得票数 1

1回答

反应钩useReduce或useState

reactjs、react-hooks、use-reducer

我应该使用useReducer还是useState？

浏览 1提问于2020-11-21得票数 1

1回答

如何在react-country-region-selector中使用useReducer？

javascript、reactjs、use-reducer

我在useState中使用了react- country -region-selector，它工作得很好，并用我选择的国家更新了下拉列表，代码如下： import React, { useState} from 'react'; const [country, setCountry] = useState(''); const handleCountryChange，因为我有多个状态要更新。然而，我的

浏览 17提问于2020-09-08得票数 0

回答已采纳

1回答

UseState或UseReducer管理FormData

javascript、reactjs、react-hooks、use-state、use-reducer

UseState或UseReducer管理FormData 我有一个问题，对于呈现形式数据的反应(例如登录，注册，联系表格数据)，它是更好的用户教育家或美国？

浏览 4提问于2022-05-28得票数 1

回答已采纳

2回答

具有useReducer的更新程序功能？

javascript、reactjs、state、use-state、use-reducer

在function中，使用useState，我可以向它传递一个更新器函数，以获得同一个函数中的当前状态。目前，我在同一个函数中多次更新状态。如果用useReducer进行减速机调度，这是可能的吗？

浏览 7提问于2022-08-24得票数 0

回答已采纳

2回答

博物馆的策划人保证是一样的吗？

javascript、reactjs、react-hooks

假设我想创建经常需要的useInputState钩子： const [value, setValue] = useState

浏览 0提问于2019-02-06得票数 5

回答已采纳

2回答

在反应中如何处理不同类型输入字段的状态？

javascript、reactjs、state

我有一些状态变量，在某个时间点会发生变化。我想知道处理这么多输入变量的正确方法是什么。我在Vue.js中使用了相同的代码，双向数据绑定对我来说很好。处理以下变量的适当方法是什么？ return { showDialog: true, isImage: false, name_en: "",

浏览 9提问于2022-09-15得票数 0

回答已采纳

3回答

React vs.

reactjs

我一直在学习本教程，目的是了解更多关于上下文的内容const [salad, setSalad] = useReducer(reducer, []); 然后，在SaladItem.js中，我实际上定义了被推入沙拉onClick中的项是什么样子的转换为useState</

浏览 4提问于2022-01-29得票数 0

19回答

如何使用钩子来强制组件重新呈现？

javascript、reactjs、react-native、react-hooks

考虑下面的钩子例子 const [count, setCount] = useState(0); <div> <p>You clicked {count} times</p>

浏览 0提问于2018-11-08得票数 207

回答已采纳

1回答

与useReducer的异步性质相比，React的useState是同步的吗？

javascript、reactjs、react-hooks、use-reducer

我的印象是，useState和useReducer的工作方式都类似，只是当状态是复杂/嵌套对象时，我们应该使用useReducer。我使用useState和useReducer做了同样的例子。使用useState：它只将最后一个值从数组推送到状态对象，因为useState本质上是异步的，所以当我们在循环中setState时，它可能不会根据以前的状态正确地更新。使用useReducer：我在useReducer</em

浏览 3提问于2020-10-26得票数 3

回答已采纳

1回答

React-Native -将来自特定组件(panResponder)的值添加到当前值后重置的状态

reactjs、react-native、react-hooks、state-management、use-context

下面是我的组件： import React, { useState, useEffect } from 'react' const [myCartItems, setCartItems] = useStateimport React, { useContext, useEffect, useState</em

浏览 36提问于2021-06-30得票数 0

1回答

useReducer可以进行类似于useState的功能更新吗？

reactjs

对于useState，我们可以使用函数更新，以便使用以前的状态计算新状态。 setState((prevState) => (prevState+ 1)))当有多个HTTP请求试图更改状态时，功能更新工作得很好。我想知道是否可以使用useReducer挂钩实现相同的功能，以便使用以前的状态来更新状态？

浏览 2提问于2021-03-23得票数 0

回答已采纳

2回答

React挂钩useEffect缺少依赖项：'formData‘。包括它或删除依赖项数组。什么是依赖是使用

javascript、reactjs

当设置了值但缺少依赖项时，在依赖项中添加formData，则is将进入无限循环 useEffect(() => { profileByID(id).then((res) => { setTimeout(() => { ...formData, firstName: dat

浏览 24提问于2020-10-17得票数 2

回答已采纳

1回答

如果我使用带有部分更新回调的useReducer而不是useState，有什么好的理由选择useState吗？

reactjs、react-hooks

我正在尝试使用钩子(useState、useReducer、useEffect等)重写我的应用程序。实际上，我经常使用useReducer，但我仍然想知道在哪些地方不能使用useState，而是useReducer，例如在这个简单的虚拟代码片段中：const[state, useState] = React.useState({a: 1, b: 2}) // Update o

浏览 2提问于2019-11-25得票数 2

1回答

React挂钩，声明来自prop的多个状态值

reactjs、react-hooks、react-props、use-state

hooks还是个新手，const [title,updateTitle] = useState({"enable":false,"value": "" }); const [tags,updateTags] = useState({"enable&qu

浏览 22提问于2020-03-14得票数 1

回答已采纳

1回答

具有可选调度的useReducer类型

reactjs、typescript、react-tsx

下面是代码： (prevState, next) => next == null ? !prevState : next, )const [on, toggle] = useReducer( (prevState: boolean, next?

浏览 7提问于2022-09-29得票数 1

回答已采纳

1回答

不使用useReducer并行更新两个状态

javascript、reactjs、react-hooks、use-state、use-reducer

在这段代码中，当我单击delete按钮时，会得到以下错误：我意识到原因是在更新数字状态之前必须更新selectedNumber我知道只用useState是不可能做到的。我意识到我可以用useReducer做这件事。我说得对吗?还是有另外一种不用useReducer就能做到的方法？import { useState } from "react"; const App = () =>

浏览 3提问于2021-12-22得票数 -1

2回答

在同一组件中结合使用useReducer和useState

reactjs、react-hooks

我使用包含状态的react钩子useReducer，假设我有3个状态字段- a，b和c。这些字段绑定在一起，并且大部分都是一起更改的-因此reducer函数是内聚的。如果我有不同的状态字段d，但对另一个状态没有内聚-我是应该在同一个组件中同时使用useState (用于d)和useReducer (用于a，b和c)，还是使用相同的reducer函数更好？

浏览 27提问于2019-04-09得票数 3

回答已采纳

1回答

使用钩子根据多个其他状态值更新状态

reactjs、react-hooks

const [b, setB] = useState(2)大概也适用同样的异步规则，这就是为什么useState钩子提供的useState函数也接受函数参数来更新它，如下所示：

浏览 2提问于2020-09-14得票数 1

点击加载更多