React-bootstrap，如何关闭下拉菜单

import React, { useState } from 'react';
import { Dropdown } from 'react-bootstrap';

function MyComponent() {
  const [isOpen, setIsOpen] = useState(false);

  const handleClose = () => {
    setIsOpen(false);
  };

  return (
    <Dropdown show={isOpen} onClose={handleClose}>
      {/* 下拉菜单内容 */}
    </Dropdown>
  );
}

import React, { useRef } from 'react';
import { Dropdown } from 'react-bootstrap';

function MyComponent() {
  const dropdownRef = useRef(null);

  const handleClose = () => {
    dropdownRef.current.hide();
  };

  return (
    <Dropdown ref={dropdownRef}>
      {/* 下拉菜单内容 */}
    </Dropdown>
  );
}