Как исправить ошибку валидации формы редукса в записи редактирования - PullRequest
Новая
       20

Как исправить ошибку валидации формы редукса в записи редактирования

0 голосов
/ 02 мая 2019

Когда я перехожу на страницу редактирования формы и когда я отправляю форму без внесения каких-либо изменений, во всех полях отображается «требуемая» ошибка.

проверьте ошибку на этом изображении. Редактировать изображение страницы

Вот мой код страницы редактирования. Это не весь код, а некоторый код. 


const renderField = ({
  defaultValue,
  input,
  meta: { touched, error },
  ...others
}) => {
  const { value, ...newVal } = input;
  return (
    <div>
      <div>
        <input
          {...newVal}
          {...others}
          defaultValue={value ? value : defaultValue}
        />
        {touched && (error && <span style={{ color: "red" }}>{error}</span>)}
      </div>
    </div>
  );
};

class Edit extends Component {


  render() {
    const { user } = this.state;
    const { handleSubmit, submitting } = this.props;
    return (
      <div className="container">
        <div className="row">
          <section className="section section-register">
            <div className="valign-wrapper row register-box">
              <div className="col card hoverable s10 pull-s1 m6 pull-m3 l0 pull-l0">
                <form onSubmit={handleSubmit(this.handleFormSubmit.bind(this))}>
                  <div className="card-content">
                    <h5 className="grey-text text-darken-3">Sign Up</h5>
                    <div className="row">
                      <div className="input-field col s12">
                        <Field
                          placeholder="First Name"
                          id="firstName"
                          name="firstName"
                          type="text"
                          onChange={this.handleChange}
                          defaultValue={user.firstName}
                          component={renderField}
                          validate={required}
                        />
                      </div>

                    </div>
                  </div>
                  <div className="card-action right-align">
                    <button
                      className="btn waves-effect waves-light"
                      type="submit"
                      name="submit"
                      disabled={submitting}
                    >
                      Submit
                    </button>
                  </div>
                </form>
              </div>
            </div>
          </section>
        </div>
      </div>
    );
  }
}

Кто-нибудь может понять, в чем проблема? Я не смог найти ни одной проблемы.

...