reactjs - Redux 表单 - 多个更新功能呈现缓慢

标签 reactjs redux redux-form

我正在使用 redux-form 7.2.0。

在我的项目中,我的表单中有 30 个字段。

根据第一个字段值,我需要更新大约 20 个字段。我给 change action creator 打了 20 次电话。渲染这 20 个字段需要更多时间。很慢。

有什么方法可以让它在渲染中变快吗?

有什么方法可以在一次操作中更新多个字段吗?

请帮我纠正一下

最佳答案

真正唯一正确的答案是使用额外的中间件提供者。参见 dispatch multiple actions from Redux action creators了解利弊。

您可以在第一个字段更改时在状态树中的某处设置一个标志,避免通过 shouldComponentUpdate 进行渲染,直到所有字段都已更新,然后在所有内容都已更新后,将该标志设置回来。

我能想到的处理这个问题的唯一其他方法是使用 reducer.plugin进行更大的状态更改,但我认为这是一条危险的路径,将来很容易被破坏,并且不会以可预测的方式运行。

目前 redux-form 不支持批量更改字段或 redux直接。

关于reactjs - Redux 表单 - 多个更新功能呈现缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47696518/

相关文章:

javascript - 在 redux 状态树中添加新数据

reactjs - reduxForm - 更新后初始值不适用

reactjs - 如何用 enzyme 测试recompose的withHandlers、branch和withState中的处理程序?

javascript - Google Tag Manager noscript 标签显示为字符串,为什么? (使用 react-gtm-module)

javascript - HOC Redux Dispatch 在子组件调用 React componentDidMount 后被调用

javascript - 使用 firestore 和 React、redux 在组件安装时立即触发 onClick

reactjs - 如何更新 Redux 工具包中的嵌套对象?

javascript - 如何在 redux-form 7.0.0 中获取 <Field> 值

reactjs - Redux 表单字段数组验证

reactjs - 如何将 react-redux 'useSelector' 与附加变量一起使用?