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

Question

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

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

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

标签： reactjsformik

Answer 1

你可以简单地做

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

或者使用类名之类的东西

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