reactjs - 如何在反应中阻止特殊字符？

Question

是否有任何示例，阻止按键上的特殊字符或反应 textArea 框的 onblur 事件。

由于 reactTextArea 确实有一个调用 onClick 事件，它调用函数来处理 post 方法中的请求。

标签： reactjs

Answer 1

您可以对特殊字符使用正则表达式并将它们全部替换为空字符串。

例子

class App extends React.Component {
  state = { value: "" };

  onChange = event => {
    this.setState({ value: event.target.value.replace(/[^\w\s]/gi, "") });
  };

  render() {
    return <input value={this.state.value} onChange={this.onChange} />;
  }
}

ReactDOM.render(<App />, document.getElementById("root"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>