如何通过Formik中的material-ui-phone-number提交MuiPhoneNumber

import React from 'react';
import { Formik, Form, Field } from 'formik';
import MuiPhoneNumber from 'material-ui-phone-number';

const initialValues = {
  phoneNumber: '',
};

const validate = (values) => {
  const errors = {};

  // 添加电话号码的验证规则，例如必填、格式等

  return errors;
};

const handleSubmit = (values) => {
  // 处理表单提交逻辑，可以在这里发送表单数据到后端等操作
};

const MyForm = () => (
  <Formik
    initialValues={initialValues}
    validate={validate}
    onSubmit={handleSubmit}
  >
    {({ errors, touched }) => (
      <Form>
        {/* 在表单中使用Field组件和MuiPhoneNumber组件 */}
        <Field
          name="phoneNumber"
          label="Phone Number"
          component={MuiPhoneNumber}
        />

        {/* 显示电话号码输入的错误信息 */}
        {errors.phoneNumber && touched.phoneNumber && (
          <div>{errors.phoneNumber}</div>
        )}

        {/* 提交按钮 */}
        <button type="submit">Submit</button>
      </Form>
    )}
  </Formik>
);