如何解决将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 举报,一经查实,本站将立刻删除。