如何使用 React imask 获得 8 位或 9 位 + DDD 电话掩码？

Question

我正在使用 lib react imask 为我的输入添加掩码。如果是电话，它可以支持 8 位或 9 位数字。如何动态解决这个问题？

8 位 -> 掩码 '(00) 0000-0000'
9 位 -> 掩码 '(00) 00000-0000'

const mask = {
  mask: '(00) 00000-0000'
};

const InputPhone: React.FC<InputProps> = (props) => {
  return <InputMask maskParams={mask} name='phone' {...props} />;
};

Answer 1

请参考：https://imask.js.org/guide.html#masked-dynamic

import { IMaskInput } from 'react-imask';

const mask = [{ mask: '(00) 0000-0000' }, { mask: '(00) 00000-0000' }];

const Home = () => (
  <IMaskInput mask={mask} name="phone" placeholder="Enter phone number here" />
);

export default Home;

输出：