问题标签 [react-hooks]

在基于类的组件中：

我试过这个：

它创建了一个无限循环。如果我将 []/{} 作为第二个参数 [1][2] 传递，那么它会阻止进一步的调用。但它也阻止了数组更新。

[1] useEffect 中的无限循环

[2]如何用 React useEffect 只调用一次加载函数

尝试遵循文档中的示例，我在更新函数中的状态时遇到了无限循环。代码如下：

Home.jsx:

api.js:

这一切都正确地获取和设置，但它进入了一个递归循环，我不知道为什么。

正如docs中所说，useCallback 返回一个记忆化的回调。

传递一个内联回调和一个输入数组。useCallback将返回回调的记忆版本，仅当其中一个输入发生更改时才会更改。这在将回调传递给优化的子组件时很有用，这些子组件依赖于引用相等来防止不必要的渲染（例如 shouldComponentUpdate）。

但它是如何工作的，在 React 中哪里最好使用它？

PS我认为使用codepen示例进行可视化将帮助每个人更好地理解它。在文档中解释。

如何使用useMemo's 或useCallback's seconds 参数根据回调中的值进行优化？

基本上我想将回调传递给外部服务，但我希望setSomeState只有在data.page更改后才被调用。

我知道我可以setS用另一个函数包装并shallowEqual在调用它之前做一个但想知道是否useMemo或useCallback提供类似的东西。

我目前正在学习 React 中的钩子概念并试图理解下面的示例。

上面的例子增加了处理函数参数本身的计数器。如果我想在事件处理函数中修改计数值怎么办

考虑下面的例子：

所以我现在开始使用 React hooks。我已经用 API 试验了一段时间了。我真的很喜欢将状态带入功能组件的想法。但是有一件事一直困扰着我，当我尝试使用它时，它感觉不对劲。我试着发帖，RFCs但现在那里太拥挤了。那里的一切似乎都消失了。

这是我的示例中的一段代码。

我可以轻松取出方法state并setState创建自定义hook，但我的问题在于组件使用的本地函数。由于状态现在是组件的一部分，因此在某些情况下，某些逻辑将决定下一步如何处理该状态。

此外，当组件在状态更改时重新渲染时，一切都会重新初始化。这是我的问题。我知道它useState有自己的处理问题的方法。但我的问题在于我自己的功能。点击处理程序。在更改事件、子组件的回调等上，所有这些都将在每次组件呈现时重新初始化。我觉得这不对。

有什么方法可以解决它。这是一个新的 API。我们甚至不确定它是否会变成react 17. 但是有没有人遇到过更好的方法呢？

使用 React 的新效果挂钩，如果某些值在重新渲染之间没有更改，我可以告诉 React 跳过应用效果 - React 文档中的示例：

但是上面的示例将效果应用于初始渲染，以及随后的重新渲染，其中count发生了变化。我如何告诉 React 跳过初始渲染的效果？

假设您有以下index.js代码：

某些逻辑的sessionState结果取决于IndexedDB. 代码是这样的：

所以我的问题：

使用它是否合理react-hooks？

如果是如何实施？

关于 React 钩子的炒作。信息太多我还是不知道：钩子的出现是否意味着像 Redux 这样的库可以被扔进垃圾箱？

到目前为止，我的理解是钩子对有状态的功能组件很有用，那么共享状态呢？

我已经浏览了 react v16.7.0 中引入的钩子。

https://reactjs.org/docs/hooks-intro.html

所以我对钩子的理解是我们可以在函数组件中使用状态，而无需在 react 中编写类组件。这真是一个了不起的功能。

但是我没有清楚地了解在功能组件中使用钩子。

如果我使用钩子，如何在上述功能组件中使用生命周期方法？