CleaveJS phoneRegionCode 在 React 中不起作用

编程问答 2022-04-22

问题描述

在 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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

cleaveinputinputinternationalizationinternationalizationjavascriptreactjsreactjsreactjsreactjs