如何从react中的下拉列表中删除重复的值

import React, { Component } from 'react';

class Dropdown extends Component {
  constructor(props) {
    super(props);
    this.state = {
      options: [], // 存储下拉列表的选项
      selectedOption: '' // 存储选中的值
    };
  }

  componentDidMount() {
    // 从数据源获取下拉列表的选项，这里使用静态数据作为示例
    const options = ['Apple', 'Banana', 'Orange', 'Apple', 'Grape'];
    
    // 使用Set对象去除重复值，并将其转换回数组
    const uniqueOptions = Array.from(new Set(options));
    
    this.setState({ options: uniqueOptions });
  }

  handleSelectChange = (event) => {
    this.setState({ selectedOption: event.target.value });
  }

  render() {
    const { options, selectedOption } = this.state;

    return (
      <select value={selectedOption} onChange={this.handleSelectChange}>
        <option value="">Select an option</option>
        {options.map((option, index) => (
          <option key={index} value={option}>{option}</option>
        ))}
      </select>
    );
  }
}

export default Dropdown;