#### 基本使用

```js
class InputMatchDemo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [{
        name: 'threat',
        title: "威胁",
        value: ['海莲花', 'IOC'],
        type: 'exact'
      }, {
        name: 'test',
        title: "测试",
        value: [],
        type: 'fuzzy'

      }]
    };
    this.onChange = this.onChange.bind(this);
    this.onDelete = this.onDelete.bind(this);
  }
  onChange(dataObj) {
    this.setState({
      value: dataObj.value
    })
  }
  onDelete(dataObj) {
    this.setState((preState) => {
      return { data: preState.data.filter(i => i.name !== dataObj.name)};
    })
  }
  render() {
    return <div>{
      this.state.data.map(item => <InputMatch
        key={item.name}
        title={item.title}
        value={item.value}
        name={item.name}
        type={item.type}
        canDelete={true}
        onChange={this.onChange}
        onDelete={this.onDelete}
      />)
    }</div>
  }
}
<InputMatchDemo/>
```