如何在React中使用下拉菜单按字母顺序排序

import React, { Component } from 'react';

class DropdownMenu extends Component {
  constructor(props) {
    super(props);
    this.state = {
      options: [
        { label: 'Option A', value: 'A' },
        { label: 'Option C', value: 'C' },
        { label: 'Option B', value: 'B' },
      ],
    };
  }

  componentDidMount() {
    this.sortOptions();
  }

  sortOptions() {
    const sortedOptions = this.state.options.sort((a, b) =>
      a.label.localeCompare(b.label)
    );
    this.setState({ options: sortedOptions });
  }

  render() {
    return (
      <select>
        {this.state.options.map((option) => (
          <option key={option.value} value={option.value}>
            {option.label}
          </option>
        ))}
      </select>
    );
  }
}

export default DropdownMenu;