在 React 中使用 redux 存储进行微优化是否值得

Is it worth to micro optimize with redux stores in react

场景： 具有多个输入、选择、文件等的表单...从配置自动生成。只有功能性反应组件。

类型1： Form full state存储在redux store中，与react-redux连接。每次更改表单中的值时，都会向存储发送新的值。因此，每个表单输入字段都会接收并更新状态，即使值未更改，在粒子输入字段中也是如此。

类型 2： 创建表单时，每个输入字段都有自己的存储（自动生成）。更新时，输入字段仅接收粒子输入字段的新状态。

所以最后，是否值得创建类型 2 场景，或者没有任何好处？我是 redux 的新手，所以...

这个问题在 Redux 社区中经常出现，如果你有兴趣优化你的渲染，类型 2 有好处。当您开始渲染超过几百个项目并且一次只需要更新一个或几个项目时，它肯定会有所帮助，对于输入来说就是这种情况。查看此 Redux 性能链接列表：

我发现这张幻灯片对于演示您的两个场景（使用复选框而不是文本输入）以及另一种解决方案非常有用。