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

Question

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

如果表单isSubmitting，例如{isSubmitting ? "Please wait..." : "LOG IN"} {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' : '')}

或使用类似的类名

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