有没有办法使用React.js设置不同的国家/地区电话号码格式？

Question

我正在尝试使用React.js和Formik库显示两种不同的电话号码格式。

代码如下：

  return (
    <Formik initialValues={{country: '', phoneNumber: '', authNumber: '', email: emailAddress}} onSubmit={(values) => submitForm(values)}>
      {({ values, handleChange, handleSubmit }) => (
        <form onSubmit={handleSubmit}>
          <div className='input-box'>
            <p className='input'>
              <Field as='select' name='country' onChange={handleChange}>
                <option value=''>Select</option>
                <option value='KO'>Korea</option>
                <option value='SG'>Singapore</option>
              </Field>
            </p>
          </div>
        </form>
      )}
    </Formik>
  )

我的组件有三个选项。一个是一无是处，另外两个是“韩国”和“新加坡”。

我必须按照以下示例显示这两个县的电话号码格式。

Korea format :  +82 XX XXXX YYYY.  //The leading "0" is dropped when dialling into South Korea from overseas.
Singapore format : +65 XXXX XXXX

我使用了 react-phone-number-input ，但是它存在打字稿问题。 （它不完全支持打字稿。）

当我单击选择选项之一时， values属性获取我选择的值（即“ KO”或“ SG”）。

我想我可以用这些值做些事情，但是迷上了电话格式。

有没有办法使用React.js和Formik根据我选择的值显示数字格式？