Ошибка выдачи HandleReset в formik при использовании ее с реакцией - PullRequest
Новая
       8

Ошибка выдачи HandleReset в formik при использовании ее с реакцией

1 голос
/ 16 марта 2020

У меня есть форма, каждый раз, когда я нажимаю на кнопку отправки, она выдает эту ошибку: «Не удается прочитать свойство handleReset из неопределенного». Вот мои коды. 

import React, { Component } from "react";
import { withFormik, Form, Field, ErrorMessage } from "formik";
import * as Yup from "yup";

class MyForm extends Component {
  state = {
    myDetails: [
      { name: "name", type: "text", placeholder: "enter your name" },
      { name: "email", type: "email", placeholder: "enter your email" },
      {
        name: "password",
        type: "password",
        placeholder: "enter your password"
      },
      { name: "dept", type: "text", placeholder: "enter your department" }
    ]
  };
  render() {
    return (
      <React.Fragment>
        <Form>
          {this.state.myDetails.map((detail, i) => (
            <div key={i}>
              <Field
                name={detail.name}
                type={detail.type}
                placeholder={detail.placeholder}
              />
              <ErrorMessage name={detail.name} />
            </div>
          ))}
          <button type="submit">Submit form</button>
        </Form>
      </React.Fragment>
    );
  }
}
const myFormik = withFormik({
  mapPropsToValues({ name, email, password }) {
    return {
      name: "",
      email: "",
      password: ""
    };
  },
  validationSchema: Yup.object().shape({
    name: Yup.string().required(),
    email: Yup.string()
      .email()
      .required(),
    password: Yup.string().required()
  }),
  handleSubmit: values => {
    console.log(values);
  }
})(MyForm);
export default MyForm;

Как мне это решить. Я боролся с этим, но не могу найти на него ответ.

1 Ответ

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

Я видел ошибку, я должен экспортировать «MyFormik», который является оберткой, но я экспортировал «MyForm».

...