Field-Form-render-props.jsx

import React from 'react'
import { Formik, Field, Form } from 'formik'

const App = () => 
  <div>
    <h1>My Login Form</h1>
    <p>This can be anywhere in your application</p>
    <Formik
      initialValues={{ email: '',  password: '', favorite: 'Kirk' }} 
      validate={values => { /* omitted for brevity */ }}
      onSubmit={values => { /* omitted for brevity */ }}
      render={({ errors, touched, isSubmitting }) =>
        <Form className="whatevs">
          <Field name="email" type="email" />
          {touched.email && errors.email && <div>{errors.email}</div>}
          <Field name="password" type="password" />
          {touched.password && errors.password && <div>{errors.password}</div>}
          <button type="submit" disabled={isSubmitting}>Submit</button>
        </Form>}
    />
  </div>

export default App