Reactjs Redux表单-多个更新函数渲染速度慢

Reactjs Redux表单-多个更新函数渲染速度慢,reactjs,redux,redux-form,Reactjs,Redux,Redux Form,我正在使用redux form 7.2.0 在我的项目中,我的表单中有30个字段 根据第一个字段值,我需要更新大约20个字段。我给变革行动创造者打了20次电话。渲染这20个字段需要更多时间。非常慢 有没有办法使渲染速度更快 或 有没有办法在一次操作中更新多个字段 请帮我纠正这个问题,唯一正确的答案是使用额外的中间件提供商。查看以了解利弊 当第一个字段更改时,可以在状态树的某个位置设置一个标志,在所有字段都更新之前,避免通过shouldComponentUpdate进行渲染,然后在所有字段都更新后

我正在使用redux form 7.2.0

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

根据第一个字段值,我需要更新大约20个字段。我给变革行动创造者打了20次电话。渲染这20个字段需要更多时间。非常慢

有没有办法使渲染速度更快

有没有办法在一次操作中更新多个字段


请帮我纠正这个问题,唯一正确的答案是使用额外的中间件提供商。查看以了解利弊

当第一个字段更改时,可以在状态树的某个位置设置一个标志,在所有字段都更新之前,避免通过
shouldComponentUpdate
进行渲染,然后在所有字段都更新后,将该标志设置回原位

我唯一能想到的处理方法是使用进行更大的状态更改,但我认为这是一条危险的道路,在未来很容易被打破,只是无法以可预测的方式行事


当前不支持或直接支持批处理字段更改。

只需使用redux表单提供的初始化操作即可。 有两种使用方法:

  • 在创建表单时初始化它,就像他们在示例中所做的那样

  • 将“初始化”操作作为道具传递,并调用一个操作调用来更新所有字段

    const data = { firstName: 'John', lastName: 'Doe'};
    this.props.initialize(data);
    
    只需确保字段名与数据对象中的键匹配即可。 这将触发一个操作,所有字段都将初始化


  • 你能提供一些代码吗渲染速度不慢。。但是渲染函数调用了20次,我在这个表单中没有看到30个字段。