如何在React输入组件中创建基于黑名单的过滤器

Question

有没有一种方法可以对输入组件进行过滤？就像

Class InputFilter extends Component {
  state = { text: ''}
  handleChange = (e) => {
    this.setState({text: e.target.value})
  }
  handleSubmit = () => {
    this.state.text.filter(...) // filter '<' '>' '/' and any other specific characters
    ... // pass this text to another component
  }
  render() {
    return (
      <input type='text' value="this.state.text" onChange={this.handleChange}>
      <button onClick={this.handleSubmit}/>
    )
  }
}

Answer 1

如果您确实要使用过滤器， 您可以将字符串中的所有字符分割成一个数组，然后过滤，然后加入。

val.split("").filter(character => !character.match(/* place in regular expression */) ).join("")