React 的输入掩码组件。 根据用户体验进行设计。
React 的输入掩码组件。 根据用户体验进行设计。 这是 3.0 版本的开发分支。最新的稳定版本请参阅 v2 分支。
npm install react-input-mask@next --save
React-input-mask 要求 React 16.8.0 或更高版本。 如果需要对旧版本的支持,请使用 版本 2。
import React from "react"
import InputMask from "react-input-mask";
function DateInput(props) {
return <InputMask mask="99/99/9999" onChange={props.onChange} value={props.value} />;
}| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
mask |
{String|Array<String, RegExp>} |
遮罩格式 | |
maskPlaceholder |
{String} |
_ |
占位符，用于覆盖未填充的遮罩部分 |
alwaysShowMask |
{Boolean} |
false |
当输入为空且没有焦点时，是否显示遮罩前缀和占位符 |
beforeMaskedStateChange |
{Function} |
在应用遮罩之前修改值和选择的函数 | |
children |
{ReactElement} |
用于与其他输入组件集成的自定义渲染函数 |
mask掩码格式。可以是字符串或字符数组，并可使用 re 正则表达式。
暂无开放 Issues，或尚未同步最近议题。