如何重置"multiselect-react-dropdown“中的选定值

import React, { Component } from 'react';
import MultiselectReactDropdown from 'multiselect-react-dropdown';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedValues: [] // 初始化选定值为空数组
    };
  }

  handleReset = () => {
    this.setState({ selectedValues: [] }); // 重置选定值为空数组
  }

  render() {
    const options = [
      { value: 'option1', label: 'Option 1' },
      { value: 'option2', label: 'Option 2' },
      { value: 'option3', label: 'Option 3' }
    ];

    return (
      <div>
        <MultiselectReactDropdown
          options={options}
          selectedValues={this.state.selectedValues}
          onSelect={(selectedList) => this.setState({ selectedValues: selectedList })}
          onRemove={(selectedList) => this.setState({ selectedValues: selectedList })}
        />
        <button onClick={this.handleReset}>重置选定值</button>
      </div>
    );
  }
}

export default MyComponent;