占位符不可见反应数字格式
Place Holder not visible react-number-format
当前行为
phone 数字掩码
的占位符不可见
预期行为
用户输入数据时要应用的输入格式和掩码可见的占位符和焦点
CodeSandbox link 说明问题
https://codesandbox.io/s/kind-jang-0wmx3i?file=/src/App.js
请检查出现问题的浏览器
- [版本 98.0.4758.109(正式版)(x86_64)]Chrome
这是因为您有 allowEmptyFormatting ={true}
,它会在框为空时格式化该框,从而覆盖占位符。 Docs
如果将占位符设置为 false
,则可以看到占位符。所以确认它是一个配置输出并且与任何浏览器无关
allowEmptyFormatting ={false}
当前行为
phone 数字掩码
的占位符不可见预期行为
用户输入数据时要应用的输入格式和掩码可见的占位符和焦点
CodeSandbox link 说明问题
https://codesandbox.io/s/kind-jang-0wmx3i?file=/src/App.js
请检查出现问题的浏览器
- [版本 98.0.4758.109(正式版)(x86_64)]Chrome
这是因为您有 allowEmptyFormatting ={true}
,它会在框为空时格式化该框,从而覆盖占位符。 Docs
如果将占位符设置为 false
,则可以看到占位符。所以确认它是一个配置输出并且与任何浏览器无关
allowEmptyFormatting ={false}