问题标签 [react-usecallback]

我有两个按钮；

单击时，它们会返回一个列表以填充表格。

我想这样做：

和这个：

会阻止重新渲染地图中的数据列表吗？

换句话说，既然我已经进行了 API 调用，那么单击按钮会显示来自初始调用的数据吗？因此，一个活泼的体验......

我究竟做错了什么？

我有一个关于在 React 的内置/非自定义组件上使用 useCallback 的问题。下面我提供了一个简单的例子。

我将“increment1”包装在 useCallback 中，这样它就不会被重新创建并作为新函数传递给 MyOwnButton 组件。因此，使用 React.memo，MyOwnButton 组件只会在 'count1' 更新时重新渲染。

我的问题来了。我也应该在 useCallback 中包含“increment2”吗？所以它不会作为新函数传递到标签中（或简化为“button2”）并防止“button2”也不必要地重新渲染？

我已经看到很多关于为什么你不应该将 ReactuseCallback与空的依赖列表一起使用的描述（这在逻辑上是有意义的），但我一直在试图弄清楚将它与redux-toolkit一起使用时是否有性能提升，当依赖列表包含 RT 对象时。（该应用程序对于一个用户来说已经足够高效，没有明显的差异，所以我希望总体上做“正确的事情”。）

一个例子：

以这种方式使用redux-toolkit ，记忆化我的回调和变量有什​​么好处吗？

我有一个不必要地重新渲染的登录组件。我已经用React.memo包装了组件，并且正在使用useCallBack钩子来防止在每次渲染时创建这些函数，如果值没有改变......

考虑以下：

我有一个通用的 FormComponent ，它得到一个道具：

该道具将在我拥有的不同表单之间切换，例如登录、注册等。在我的示例中，我只是显示登录表单，我想我只是将解决方案应用于其他表单。

问题是 handleSubmit 有各种函数调用和传递的值需要传递到useCallback依赖项中吗？

任何帮助，将不胜感激！