如何使用 imask 反应动态掩码？

Question

我正在尝试根据位数使用这两个掩码。视觉上它可以工作，但是当我发送表单时，总是选择第一个掩码。如何解决这个问题？我正在使用 imask-react

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

Answer 1

试试dispatch函数

{
    mask: [{ mask: "(00) 0000-0000" }, { mask: "(00) 0 0000-0000" }],
    dispatch: (appended, dynamicMasked) => {
      const number = (dynamicMasked.value + appended).replace(/\D/g, "");

      if (number.length > 10) {
        return dynamicMasked.compiledMasks[1];
      }

      return dynamicMasked.compiledMasks[0];
    },
  }