CleaveJS phoneRegionCode 在 React 中不起作用

如何解决CleaveJS phoneRegionCode 在 React 中不起作用

在 Cleave.js 中使用 phoneRegionCode

我正在尝试为国际电话号码创建一个 Cleave 电话组件。理想情况下，它可以在号码之间切换，但我无法让 cleave 电话组件在美国以外的任何地方工作。

我们最终需要以编程方式提供国家/地区代码，但由于我无法让一个国家代码工作，因此我无法很好地处理多个可能的区域代码。

代码示例

这是我的代码的相关重复。 Here is a code sandbox

import React from 'react'
import Cleave from "cleave.js/react";
import "cleave.js/dist/addons/cleave-phone.de.js";
import "cleave.js/dist/addons/cleave-phone.us.js";

export default function App() {
  return (
    <div className="App">
      <Cleave
        options={{
          phone: true,phoneRegionCode: "US"
        }}
      />
      <Cleave
        options={{
          phone: true,phoneRegionCode: "DE"
        }}
      />
    </div>
  );
}

我尝试过的事情

• 将输入隔离为组件中唯一的输入，并仅保留相关的 cleave-phone 导入。
• 切换输入顺序
• phoneRegionCode 的大写和小写
• 使用 require() 而不是 import