antd onChange 事件中 将特殊字符 替换为空，如果展示到输入框

在Ant Design库（antd）的表单组件如`Input`中，如果你需要处理用户输入并移除其中的特殊字符（例如 `/`, `*`, `:` 等），通常会在`onChange`事件处理函数中进行操作。下面是一个简单的例子：

import React from 'react';
import { Input } from 'antd';

const { debounce } = Antd.util;

class CustomInput extends React.Component {
  state = {
    inputValue: '',
  };

  handleChange = (e) => {
    const { value } = e.target;
    // 使用正则表达式移除特殊字符，并更新state
    this.setState({ inputValue: debounce(() => value.replace(/[\/\\:*?"<>|]/g, ''), 300) });
  };

  render() {
    return (
      <Input
        type="text"
        value={this.state.inputValue}
        onChange={this.handleChange}
        placeholder="请输入..."
      />
    );
  }
}

export default CustomInput;

这里，`debounce`用于防止过度频繁地更新状态，提高性能。当用户停止键入一段时间后，`inputValue`才会被更新为处理过的值。