Как отключить кнопку отправки формы в formik? - PullRequest
Новая
       3

Как отключить кнопку отправки формы в formik?

0 голосов
/ 04 марта 2020

У меня есть форма в моем компоненте реакции с handleSubmit. Что мне нужно сделать, так это когда я отправляю форму (при нажатии кнопки сохранения), кнопка сохранения автоматически отключается, и когда я получаю ответ, она автоматически включается. 

  handleSubmit = async({ company, email }, { setSubmitting, setErrors }) => {
    setSubmitting(true)
    const { value: { status, message } } = await this.props.createCompany({ name: company, email })
    if (status) {
      this.fetchCompanies()
      this.closeModal()
    } else {
      setErrors({ email: message })
    }
  }

    <Formik
      initialValues={loginDetails}
      validationSchema={loginSchema}
      onSubmit={(values, formikProps) => this.handleSubmit(values, formikProps)}
    >
      {({
        values,
        errors,
        touched,
        handleChange,
        handleBlur,
        handleSubmit,
        isSubmitting
      }) => (
        <form onSubmit={handleSubmit}>
          <div className="col-md-12">
            <div className="form-group material-textfield">
              <input type="text" name="email" value={values.email} onChange={handleChange} className="form-control material-textfield-input"/>
              <ErrorMessage component="span" name="email" className="invalid-feedback d-block"/>
              <label className="material-textfield-label">Email<span>*</span></label>
            </div>
          </div>
        <button type="submit" className="btn btn-dark btn-lg w-100" disabled={isSubmitting}>Save</button>
        </form>
      )}
    </Formik>

И для этого я использовал setSubmitting функция от формик. Но это не работает.

Пожалуйста, помогите.

...