83得票10回答
如何在React中将状态传回父组件?

我有一个表单,里面有一个提交按钮。点击该按钮会调用一个函数,将某个东西的状态从 false 改为 true。然后,我想将此状态传回父组件,以便在状态为 true 时呈现 componentA,而在状态为 false 时呈现 componentB。 在 React 中,我该如何实现这一点?我知...

26得票2回答
在Next.js应用程序中管理用户的全局状态

我来自于SPA和REST/GraphQl API的世界。现在我正在使用Next.js库构建个人项目,用于SSR(服务器端渲染)React应用程序。 由于我在所有单页面应用程序中使用Redux,现在我想知道当用户访问每个路由时,如何管理用户状态,因为每次加载一个新链接并刷新页面。 我找到了一...

24得票3回答
React.js中useEffect Hook中的事件监听器中状态未更新。

那么,我的目标是给一个按钮添加事件监听器,当按下按钮时,获取一个状态的值并将其打印到控制台。但即使进行了多个 setState 调用,记录的值也从未更新。 useEffect(() => { const seamCarve = document.getElementBy...

22得票1回答
Zustand和Recoil性能之间的概念差异是什么?

我一直在研究Zustand和Recoil这两个相对较新的状态管理库。Recoil被广泛宣传为React应用程序中具有深度嵌套结构的“非常高效”。然而,我不明白它如何(或如何确切地)在性能方面优于Zustand(除了并发模式)。 我可能理解错了,但是以下是我从文章和讲座中的理解: Recoil...

14得票5回答
如何减少React中的上下文混乱?

我继承了一个代码库,之前的所有者广泛使用了React.Context。这导致了所谓的“上下文地狱”。<AppContextProvider> <AnotherProvider> <AgainAnotherProvider configProp={fal...

13得票2回答
使用React hooks将setState传递给子组件

我想知道将setState作为属性传递给子组件(哑组件)是否违反了任何“最佳实践”,或者会影响优化。 这里有一个例子,其中父容器将state和setState传递给两个子组件,在这个例子中,子组件将调用setState函数。 我没有在子组件中显式调用setState,它们引用一个服务来处理...

13得票6回答
React Hooks:在多个连续的setState调用中跳过重新渲染

假设我有以下代码:(过于冗长)function usePolicyFormRequirements(policy) { const [addresses, setAddresses] = React.useState([]); const [pools, setPools] = Rea...

12得票5回答
如何在类组件中设置 Zustand 状态

我正在处理一个网站的内容,该网站使用zustand将一些全局状态存储在文件中。我需要能够在类组件中设置该状态。我可以使用Hooks在函数组件中设置状态,但我想知道是否有一种方法可以在类组件中使用zustand。如果方便的话,我已经为此问题创建了一个沙盒:https://codesandbox....

12得票1回答
useState和useImmer有什么区别?

我看到一些React应用程序使用useImmer作为钩子,而不是使用useState。我不明白useImmer提供了什么useState没有的优势。 与使用官方的useState相比,使用useImmer的优点是什么?

11得票1回答
使用Next.js在两个页面之间持久化数据

我想重构我的Next.js网站应用程序,使不同页面处理不同的屏幕。目前,我有这个组件来保存几个状态以了解我所在的屏幕。在jsx部分中,我使用{value && ... }来渲染正确的组件。 但我觉得这不是好的设计,当添加越来越多的屏幕时将无法维护。 我也想避免使用Redux...