如何将react-intl-tel-input与formik集成？

npm install react-intl-tel-input formik

import React from 'react';
import { Formik, Field, ErrorMessage } from 'formik';
import IntlTelInput from 'react-intl-tel-input';
import 'react-intl-tel-input/dist/main.css';

const MyForm = () => {
  return (
    <Formik
      initialValues={{ phoneNumber: '' }}
      onSubmit={(values) => {
        // 处理表单提交逻辑
        console.log(values);
      }}
    >
      <form>
        <Field name="phoneNumber">
          {({ field }) => (
            <IntlTelInput
              containerClassName="intl-tel-input"
              inputClassName="form-control"
              {...field}
            />
          )}
        </Field>
        <ErrorMessage name="phoneNumber" component="div" />
        <button type="submit">提交</button>
      </form>
    </Formik>
  );
};

export default MyForm;

import React from 'react';
import MyForm from './MyForm';

const App = () => {
  return (
    <div>
      <h1>我的表单</h1>
      <MyForm />
    </div>
  );
};

export default App;