将form.reset设置为新的初始值，未启用react-final-form的onSubmit按钮

问题描述

我正在设置新的初始值，当单击“重置”按钮时，“提交”按钮未启用。 首先，我使用来自DB的数据初始化表单，然后尝试使用新的初始化数据“重置”这些数据，然后“提交”按钮未启用，并且都保持禁用状态。 如何再次启用“保存”按钮？ 我曾考虑过使用“肮脏”道具，但其行为不同于“原始”道具。

           <StyledActionsButtons>
              <StyledResetButton
                disabled={submitting || pristine}
                onClick={() => {
                  form.reset({
                    tag: i18n.t('settings.detected'),subject:
                      type === 'stop'
                        ? i18n.t('settings.stop')
                        : i18n.t('settings.stoppingBy'),title:
                      type === 'stop'
                        ? i18n.t(
                            'settings.stopper'
                          )
                        : i18n.t('settings.stepForward')
                  });
                }}
              >
                {i18n.t('settings.reset')}
              </StyledResetButton>
              <StyledButton
                primary={0}
                htmlType="submit"
                disabled={submitting || pristine || readOnly}
              >
                {i18n.t('settings.save')}
              </StyledButton>
            </StyledActionsButtons>

我们非常感谢您的帮助。 汤姆

解决方法

根据定义，如果不进行任何更改，则原始标志为true。我不确定您要完成什么，但是似乎您不想重置初始值，而是将字段设置为已知值并提交。要设置表单状态，请使用mutator。