反应形式慢

Question

您对快速反应形式有任何经验吗？我尝试过redux形式，antd形式。两者都很慢。当我在输入字段中书写时。

我想做的表格很复杂。它是具有许多字段的动态形式。请参阅附件中的图像，即选择该类型，其中所选值将显示下一个字段。

以下是antd中的示例。 https://codesandbox.io/s/yjz6r2z2l9

Answer 1

您的表单工作缓慢，因为在每个状态更改（甚至是单个击键）上都重新呈现整个表单内容。 React需要一些优化来避免这种情况-f.e. shouldComponentUpdate和PureComponent的用法。

尝试formik。在<Field/>旁边有<FieldArray/>和<FastField/>，可能对这种情况有用。

删除console.log，使用react开发工具。