Question

当Formik表单正在提交时，如何向按钮添加类？

如果表单为isSubmitting，我可以看到呈现不同的文本，例如{isSubmitting ? "Please wait..." : "LOG IN"} -但是如何向按钮添加class / className？

<button
    type="submit"
    className={`btn`}
    onClick={() => {
    api.submitForm();
    }}
    disabled={api.isSubmitting}
>
    LOG IN
</button>

Answer 1

您可以轻松完成

className={'btn ' + (isSubmitting ? 'btn-while-submitting' : '')}

或使用类似classnames

className={classNames('btn', {
    ['btn-while-submitting']: isSubmitting,
})}

Formik表单正在提交时，如何向按钮添加类？

1 个答案: