title: how to submit a formik form through mutation with ApolloClient?
body: <p>i have create a sample Formik form using antd. Now iam adding mutation with POST_MUTATION.How to submit form values through formik. Here i called handleSubmit with in the form.But it is not called?</p>
  
  <pre><code> import React from 'react'
  import { Formik, Field, Form } from 'formik';
  import * as AntD from "antd";
  import TextField from "./shared/TextField"
  import { Mutation, graphql } from 'react-apollo'
  import gql from 'graphql-tag'
  import data from './shared/data'
  
  const POST_MUTATION = gql`
    mutation PostMutation($username: String!, $email: String!, $password: String!){
      post(username: $username, email: $email, password: $password) {
  
        username
        email
        password
      }
    }
  `
  
  
  class FormikApollo extends React.Component {
    state = {
        username: '',
        email: '',
        password: '',
        data: {}
    }
  
    handleChange= (e) =&gt; {
          this.setState({
              [e.target.name] : e.target.value,
              data
          })
    }
  
    handleSubmit = () =&gt; {
     alert("called")
    }
  </code></pre>
  
  <p>And i add my formik form using this way.Now i want to submit the form values  these are not submitted.How to Submit the form values in formik?</p>
  
  <pre><code>form = props =&gt; {
              const { username, email, password  } = this.state;
              return (
                  &lt;div align="center"&gt;
                      &lt;h3 align="center"&gt;Registration Form&lt;/h3&gt;
                      &lt;Mutation mutation={POST_MUTATION} variables={{ username, email, password }}&gt;
                      { postMutation  =&gt; (
                      &lt;Form onSubmit={(formikValues) =&gt; postMutation({ variables: formikValues })}&gt;
                          &lt;Row gutter={4}&gt;
                              &lt;Col span={12} push={5}&gt;
                                  &lt;Field
                                      name="username"
                                      label="Name"
                                      placeholder="Enter a Name"
                                      component={TextField}
                                      formitemlayout={formItemLayout} 
                                      value={this.state.username}
                                      onChange={this.handleChange}
                                      /&gt;
  
                                  &lt;Field
                                      name="email"
                                      label="Email"
                                      placeholder="Enter an Email"
                                      component={TextField}
                                      formitemlayout={formItemLayout} 
                                      value={this.state.email}
                                      onChange={this.handleChange}
                                      /&gt;
  
                                  &lt;Field
                                      name="password"
                                      label="Password"
                                      type="password"
                                      placeholder="Enter a Password"
                                      component={TextField}
                                      formitemlayout={formItemLayout} 
                                      value={this.state.password}
                                      onChange={this.handleChange}
                                    /&gt;
  
  
                                   &lt;Button type="submit" onClick={JSON.stringify(postMutation)}&gt;Submit&lt;/Button&gt;
  
  
                              &lt;/Col&gt;
                          &lt;/Row&gt;
                      &lt;/Form&gt;
                      )}
  
                      &lt;/Mutation&gt;
                  &lt;/div&gt;
              )
          }
  
  
          render() {
  
              return (
                  &lt;div align="center"&gt;
                      &lt;Formik
                          initialValues = {{
                            username: '',
                            email:'',
                            password:''
                          }}
                          render={this.form}
                      /&gt;
  
                  &lt;/div&gt;
              )
          }
  
      }
  
      export default FormikApollo
  </code></pre>