在React中屏蔽字段而不使用插件[关闭]

您可以在onChange事件期间使用正则表达式来执行此操作,如下所示:

_onInputChange = (event) => {
    var string = event.target.value;
    string = string.replace(/-/g, "");
    var regex = /^([^\s]{3})([^\s]{2})([^\s]{4})$/g;
    var match = regex.exec(string);
    if (match) {
      match.shift();
      string = match.join("-")
    }
    this.setState({ssn: string});
}

这里有一个工作 fiddle

但是,这只会在键入整数后屏蔽该值。