如何以编程方式从多个下拉选择中删除项目

Question

我有一个可以选择的下拉菜单组件。

当用户选择任何项目时，都会触发一个模态。

如果用户单击此模式中的“取消”按钮，我想从该模式中自动删除触发该模式的选定项。

我怎么能做到这一点？

解决方案：

class DropdownExample extends Component {
  state = {
    value: [],
    options: getOptions(), // return fake values
  }

  handleRemove = () => {
    let value = this.state.value.slice(0)
    for(var i = 0; i < alue.length; i++) {
      if (value[i].key === 'random key I want to remove') {
        value.splice(i, 1);
      }  
    }
    this.setState({ value: value });
  }

  handleChange = (e, { value }) => this.setState({ value })

  <Dropdown
    fluid
    selection
    multiple
    search={search}
    options={options}
    value={value}
    placeholder='Add Users'
    onChange={this.handleChange}
  />

  <Button label="Remove an item from selected options" onClick={this.handleRemove} />

}