React-Select :菜单打开时如何旋转下拉指示器

import React from 'react';
import Select from 'react-select';

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

class CustomSelect extends React.Component {
  state = {
    isOpen: false,
  };

  handleMenuOpen = () => {
    this.setState({ isOpen: true });
  };

  handleMenuClose = () => {
    this.setState({ isOpen: false });
  };

  render() {
    const { isOpen } = this.state;

    return (
      <Select
        options={options}
        menuIsOpen={isOpen}
        onMenuOpen={this.handleMenuOpen}
        onMenuClose={this.handleMenuClose}
        // 其他属性和事件处理函数
      />
    );
  }
}

export default CustomSelect;

.react-select__dropdown-indicator {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}

.react-select__dropdown-indicator--is-open {
  transform: rotate(180deg);
}

<Select
  options={options}
  menuIsOpen={isOpen}
  onMenuOpen={this.handleMenuOpen}
  onMenuClose={this.handleMenuClose}
  classNamePrefix="react-select"
  // 其他属性和事件处理函数
/>