Объект вложенных ошибок, не позволяющий отправить форму, хотя в Formik React ошибок нет - PullRequest
Новая
       9

Объект вложенных ошибок, не позволяющий отправить форму, хотя в Formik React ошибок нет

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

У меня возникла проблема, связанная с отправкой формы Formik,

мой объект в форме похож на ниже 

-- In Constructor --
this.state = {
   person: {
      firstName: '',
      lastName: '',
      empDetails: {
          empId: '',
          org: ''
      }
   }
}

-- In Render --
<Formik
        initialValues={this.state.person}
        onSubmit={this.submit}
        validate={this.validate}
        validateOnBlur={false}
        validateOnChange={false}
        enableReinitialize={true}
        initialErrors= {
            {
                empDetails: {}
            }
        }
    >
</Formik>



--- Methods -- 
validate(values) {
    let errors = { empDetails: {} }

    //**
    * Error Checking
    */
    if(values.empDetails.empId === '') errors.empDetails.empId = "Need to provide Employee Id"

    //if there is no error return like { empDetails: {} }
    // if I check then return {} blank object like that, its breaking the render where
    // error checked like errors.empDetails.empId
    return errors;
}

теперь, когда нет ошибок, ошибки содержат {empDetails: {} } и это не позволяет вызывать метод onSubmit. Как я могу исправить эту проблему, я пытался передать пустой объект, если нет ошибок, то рендеринг разрывов.

...