微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决将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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。