AntDesign dropdown组件下拉菜单消失时间设置

在Ant Design中，下拉菜单（Dropdown）组件没有直接提供设置消失时间（即下拉菜单消失的延迟）的属性。不过，你可以通过组合使用其他组件来实现这个功能。

一个常见的方法是使用Dropdown组件配合Trigger组件的visible属性和onVisibleChange事件，结合setTimeout函数来实现这个功能。

以下是一个简单的例子，在这个例子中，当下拉菜单要隐藏时，我们设置了一个2000毫秒（即2秒）的延迟，然后在这个延迟结束后更新dropdownVisible状态。这样，在2秒后，下拉菜单会隐藏，从而实现了一个“消失时间”的效果

import React, { useState } from 'react';
import { Dropdown, Menu, Button } from 'antd';
 
const App = () => {
  const [dropdownVisible, setDropdownVisible] = useState(false);
  const [dropdownDelay, setDropdownDelay] = useState(null);
 
  // 当下拉菜单可见性改变时调用
  const handleVisibleChange = (visible) => {
    // 如果下拉菜单要显示，清除之前的延迟操作
    if (visible) {
      clearTimeout(dropdownDelay);
      setDropdownVisible(visible);
    } else {
      // 如果下拉菜单要隐藏，设置延迟
      setDropdownDelay(setTimeout(() => {
        setDropdownVisible(visible);
      }, 2000)); // 延迟2000毫秒，即2秒
    }
  };
 
  return (
    <Dropdown
      overlay={<Menu>
        <Menu.Item key="1">Option 1</Menu.Item>
        <Menu.Item key="2">Option 2</Menu.Item>
      </Menu>}
      trigger={['click']}
      open={dropdownVisible}
      onOpenChange={handleVisibleChange}
    >
      <Button>Click me</Button>
    </Dropdown>
  );
};
 
export default App;