antd-react-Dropdown下拉菜单（上下箭头切换动画）

pd非让搞一个这个下拉框上下箭头切换的动画，没办法谁让咱们是打工人呢（虽然心里是一万个愿意，但是也得硬着头皮上呀）。

代码实现如下：

1.引入并使用组件

import { Menu, Dropdown } from 'antd';
import { DownOutlined, UpOutlined} from '@ant-design/icons'; //上箭头和下箭头的图标     

<Dropdown
        overlay={menu}
        trigger={['click']}
        onClick={handleDropDown}
        >
          <a className="ant-dropdown-link" onClick={(e) => e.preventDefault()}>
            更多操作{expand?<DownOutlined style={{fontSize: '10px'}}/>:<UpOutlined style={{fontSize: '10px'}}/>}
          </a>
        </Dropdown>

2.添加状态，用于判断展示上（下）箭头。

  const [expand, setExpand] = useState(true); 

3.添加事件，点击时候切换状态。

  const handleDropDown=()=>{
    setExpand(!expand);
  }

效果的话就自行拿去测试。。。