菜单的出现和消失，过渡效果

Question

当我按下菜单更改语言时，如何获得显示和消失菜单的效果？如此处所示：https: //wieldy.g-axon.work/main/dashboard/crypto

此处演示：https://stackblitz.com/edit/react-bagqa9

import Select from 'react-select'

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
]

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React'
    };
  }

  render() {
    return (
      <Select 
      options={options} 
      classNamePrefix='my-className-prefix' 
      />
    );
  }
}

Answer 1

React Select使用覆盖值，您可以使用这些值覆盖现有的CSS。您将要找到弹出框的CSS值，并使用关键帧来获取该动画。