使用react钩子操作状态，

文章/答案/技术大牛

发布

1回答

reactjs、react-hooks、state

我需要将一个特定值更改为状态中的嵌套对象，因此我希望克隆具有旧状态+需要更改的新值的状态。我的状态是这样的： { "endDate": "2022-12-04T00:00:00.000Z",

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

回答已采纳

1回答

使用D3和React最优化的方法是什么？

javascript、reactjs、d3.js、data-visualization

中使用D3时，下面哪个选项提供了最好的性能其概念是向D3提供一个假DOM，该DOM实现了它希望DOM拥有的所有方法。这个假DOM由D3操作，然后自动呈现为React元素，存储在组件的状态中，R

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

回答已采纳

1回答

如何在Apollo Local State中触发React* Hook*

react-hooks、apollo、apollo-client、react-cookie

我在我的React应用程序中使用Apollo进行本地状态管理。我也在使用react-cookie (它在内部依赖于react钩子)。cookies.removeCookie (`auth`)} 问题是，因为我是在组件之外执行此操作，所以我无法使用useCookies，因此我的组件永远不会得到已被删除的更新。我真的不想在将

浏览 9提问于2019-10-08得票数 0

回答已采纳

2回答

无法在react组件中设置状态

javascript、reactjs、react-native

我有一个react组件。我想在这个组件中设置将传递给子组件的状态。我得到了一个参考错误，我不确定为什么。export const WidgetToolbar: React.FC<{}> = () => { targetBox:null, at ProxyFacade (react-hot-loader.development.js?439b:757)

浏览 28提问于2019-04-10得票数 1

回答已采纳

1回答

自定义钩子是特殊函数，如函数组件w.r.t。钩子？

javascript、reactjs、state、react-hooks

正如我们所知，如果我们在Function Component中使用useState，则不会在该函数组件的re-renders上每次都创建状态，而是使用现有状态。onClick={() => setCount(count + 1)}> </button> );其中，当我们在customHook中使用useState时(见下文)，每次调用"useCustomHook“

浏览 0提问于2019-06-18得票数 1

1回答

useMemo可以用于匿名函数吗？

javascript、reactjs

import {useCallback, useMemo} from "react"; const [scollLeft, setScrollLeft

浏览 1提问于2021-05-18得票数 0

回答已采纳

2回答

如何在类组件中初始化钩子。错误:无效的挂钩调用。钩子只能在函数组件的主体内调用。这可能是由于以下原因之一: 1.您的React版本和渲染器(如React DOM)不匹配2.您可能违反了Hooks 3的规则。您可能在同一个应用程序中有多个React副本 This is the error I am getting Papebase材料UI import React from 'react'; import/Components/He

浏览 18提问于2020-04-15得票数 0

1回答

更新JSX变换中断响应

reactjs、babeljs

我试图升级到Reactive17，并使用来避免import React from 'react'。当我从组件中删除import React时，页面会出现错误(仅在呈现该组件时)。', { runtime: 'automatic' }]}警告:无法在现有状态转换期间更新(例如在

浏览 5提问于2021-11-30得票数 0

1回答

React中以前的状态与当前/新状态的比较

reactjs、react-hooks

setState函数似乎可以使用prevState，但我不需要设置状态。我只需要检查状态变量的值是否与之前的值不同，然后我需要采取特定的操作。我知道我可以使用componentDidUpdate来知道某些东西是否发生了变化，但我需要将一个特定的状态值与它之前的值进行比较。也许可以使用新的React钩子，但我正在使用类，不可能切换到钩子。

浏览 29提问于2020-04-29得票数 0

回答已采纳

1回答

react如何使钩子异步

javascript、reactjs、react-native、react-hooks

const DashboardContext = React.createContext() const问题是，由于我将await和async放在那里，它会导致以下错误：，您可能有React的不匹配版本，而呈现器(如React )，您可能正在违反钩子、、的规则，您可能在同一应用程序

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

回答已采纳

1回答

在提交formik之后，是否仍然可以在相同的onSubmit方法中获得redux状态更新数据？

reactjs、redux、react-redux、formik、redux-toolkit

目前，我在当前的项目中使用React、Redux Toolkit和Formik，情况是，当我使用help onSubmit方法提交表单数据(使用useFormik()钩子)时；在onSubmit方法中，我调用Redux操作(使用useDispatch()钩子)，然后使用useSlector钩子直接访问状态数据，但我总是得到以前的值。

浏览 1提问于2020-06-16得票数 1

1回答

在react钩子中使用prevState操作状态，

reactjs、react-hooks

我有一个对象，它存储在react钩子中的数据状态中。const [data, setData] = useState(); 数据看起来像这样：data 我想要实现的是，除了需要按process_id过滤selected_process之外，我将返回相同的数据状态，例如:使用process_id 419删除第一个对象。

浏览 13提问于2020-09-16得票数 0

回答已采纳

2回答

Hook的useState初始值在回调中永不改变，这是回忆录

javascript、reactjs、react-hooks

在这个简单的示例中，我将使用useMemo回传子组件，并将回调传递给父函数以添加数据以响应钩子数组，该数组最初被设置为空。我的问题如下:为什么钩子数据从不改变，并将它的初始状态保存在回调函数中，这个回调函数来自于自述的Child组件。但是，当在useEffect方法中检查数据钩子或在呈现中使用该钩子时，它总是具有最新的状态。我知道useReducer，在添加之前我可以在钩子setter方法中操作数据，但是可能还有其他

浏览 9提问于2020-05-18得票数 1

回答已采纳

2回答

如何使用useReducer来确定使用哪个useState变量？

reactjs、use-reducer

：const [varTwo, setVarTwo] = useState(null);} else { setCurVar = setVarTwo;我意识到这可能是错误的，但在另一篇文章中，我被告知我可以使用

浏览 6提问于2021-05-19得票数 0

1回答

如何在React本机调试器上检查挂钩

react-native、react-hooks

使用react for web时，可以使用React dev Tools在浏览器上检查挂钩的状态现在，在react原生上，我有一些钩子，但是找不到如何在chrome上的React Native Debugger上检查它们的状态。如何检查react原生项目的钩子？干杯

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

回答已采纳

1回答

在react-hooks中使用中间件

reactjs、react-native、redux、react-redux、react-hooks

因此，我在我的react原生应用程序中使用redux进行状态管理。我期待着在我的应用程序中使用钩子。我的存储有多个单个reducer的实例，因此将操作分派到单个reducer是一件很痛苦的事情。在这种情况下，钩子似乎提供了一个非常好的解决方案。我们正在使用中间件来捕获特定的操作并执行副作用。我希望为钩子实现一个类似中间件的功能，其中分配给钩子的操作也可以在redux中间件中捕获。

浏览 1提问于2019-04-05得票数 0

1回答

反作用上下文vs，应该考虑哪一种，以及每一种不同之处。

reactjs、redux、react-redux

React已经发布了上下文API和，但是我们中的大多数人都熟悉Redux，我们应该考虑哪一种。使用和的目的是什么？请详细解释Redux、Hooks和Context API是如何相互区别的。

浏览 0提问于2019-06-11得票数 18

回答已采纳

1回答

如何在react功能组件中测试状态？

reactjs、jestjs、enzyme

我使用jest和酶来测试我的组件。如果我有以下类组件 state =onClick={this.onClick}>Click button</button> );} 然后，为了编写测试，我将使用/

浏览 0提问于2021-03-17得票数 1

1回答

是否可以在卸载react组件时调度函数？(React功能组件)

reactjs

嗨，我正在做一些函数，它调用api并将值保存在状态中，然后当用户离开组件时，它应该会调度。因此，我尝试使用react useEffect钩子作为componentWillUnmount，并使用参数作为状态值来分派一些操作。但问题是调度操作是工作，但带有空字符串。我想以某种方式状态值被删除，然后调度函数为executed.So，当用户离开组件时，有没有任何方法可以调用带有状态值的函数？const [userCheck,

浏览 12提问于2020-12-02得票数 5

回答已采纳

2回答

如何使用redux状态和反应钩子

reactjs、redux、react-hooks

因此，我们最近决定在当前的react应用程序中开始使用钩子。我们正在使用redux进行国家管理，我的问题是，这种方法是如何与钩子一起工作的？我读过一些文章，人们使用带有钩子的上下文api创建状态管理器，但我现在想继续使用redux。我知道react有一个useReducer方法，可以用来分派redux操作吗？

浏览 1提问于2019-03-08得票数 1

回答已采纳

点击加载更多