问“警告:道具`match Name`与.”当在一个组件中使用formik material ui- TextField和material时

EN

//Form.jsx
import React from 'react'
import { TextField } from 'formik-material-ui'
import TextFieldFormik from '../TextFieldFormik.jsx'
import { Formik, Form, Field } from 'formik'

export default function MyForm(props) {
  return (
    <Formik
      enableReinitialize
      initialValues={{ first: 'first', second: 'second' }}
      onSubmit={(values, { setSubmitting }) => {
        console.log(values)
      }}
    >
      {({ submitForm, isSubmitting, errors, touched, values }) => {
        return (
          <Form>
            <Field
              component={TextField} //This is a formik-material-ui TextField
              name="first"
              variant="outlined"
              fullWidth
              label="first"
            />

            <Field
              component={TextFieldFormik} //This is a material-ui text field bound to Formik with fieldToTextField function
              name="second"
              variant="outlined"
              fullWidth
              label="second"
            />
          </Form>
        )
      }}
    </Formik>
  )
}

//TextFieldFormik.jsx
import React from 'react'
import TextField from '@material-ui/core/TextField'
import { fieldToTextField } from 'formik-material-ui'

export default function TextFieldFormik(props) {
  return <TextField {...fieldToTextField(props)} />
}