javascript - 在输入 react.js 时需要在输入字段中使用自动分隔符

Question

我需要一个数字输入字段，每个字段只能限制 13 个。在前 5 个数字之后，它分隔自动填充“-”，然后接下来的 13 个将是相同的。

输入状态：const [num, handleNum] = useState('')

我写了这个函数，但是当我删除分隔符后的数字时，它不能被删除。

const handleAutoFilling = val => {
        handleNum(val)

        if (val.length === 5 || val.length === 13) {
            handleNum(`${val}-`)
        }
    }

<Input placeholder='CNIC' inputType='text'
    onChange={value => handleAutoFilling(value)}
    value={num}
/>

标签： javascriptreactjs