29 lines
640 B
TypeScript
29 lines
640 B
TypeScript
import { Form, Formik } from "formik";
|
|
import React from "react";
|
|
import * as Yup from "yup";
|
|
|
|
const WithFormik = ({ children }: any) => {
|
|
const getInitialValues = () => {
|
|
return { name: "" };
|
|
};
|
|
const getValidationSchema = () => {
|
|
return Yup.object().shape({});
|
|
};
|
|
const handleSubmit = () => {};
|
|
return (
|
|
<div className="WithFormik">
|
|
{
|
|
<Formik
|
|
onSubmit={handleSubmit}
|
|
initialValues={getInitialValues}
|
|
validationSchema={getValidationSchema}
|
|
>
|
|
{(formik) => <Form>{children}</Form>}
|
|
</Formik>
|
|
}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default WithFormik;
|