import React, { useState } from 'react'; import { Field, Formik } from 'formik'; import * as Yup from 'yup'; import axios from 'axios'; import 'bootstrap/dist/css/bootstrap.css'; import { Link, Redirect } from 'react-router-dom'; function Find() { const [state, setState] = useState(); if (state) { return ; } return (
{ axios({ method: 'post', url: '/login/find', data: values, }).then(res => { if (res.status === 404) return alert(res.data.error) localStorage.setItem('_id', res.data.users._id) setState(true); }) .catch(err => { alert(err.error) }); console.log(values); setTimeout(() => { setSubmitting(false); }, 400); // finish the cycle in handler }} > {({ errors, touched, handleSubmit, getFieldProps, // contain values, handleChange, handleBlur isSubmitting, }) => (
{touched.id && errors.id ? (
{errors.id}
) : null}
{touched.answer && errors.answer ? (
{errors.answer}
) : null}
)}
); } export default Find;