react-number-format输入时提前显示格式符号问题求助

使用PatternFormat组件实现手机号格式化时，设置格式为(###) ###-####会出现输入单个字符就提前显示括号、短横线等格式符号的问题，需要让格式符号仅在输入到对应位置时才显示。

只需给组件添加allowEmptyFormatting={false}属性即可解决：

import { PatternFormat } from 'react-number-format';

<PatternFormat 
   value={value} 
   className='form-control'   
   format="(###) ###-####"
   allowEmptyFormatting={false}
/>

allowEmptyFormatting默认值为true，会在输入内容未填满对应位置时就渲染所有格式符号；设置为false后，格式符号会跟随输入内容逐步显示：输入前3位数字后才会显示闭合括号，输入第4-6位数字后才会显示空格和短横线，完全匹配期望的输入效果。

内容的提问来源于stack exchange，提问作者Brijal Kansara