0

phoneRegionCode在 Cleave.js 中使用

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

我们最终将需要以编程方式提供国家代码，但由于我无法使用单个国家代码，因此我无法很好地使用多个可能的区域代码。

代码示例

这是我的代码的相关重复。这是一个代码沙箱

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
4

0 回答 0