DropdownButton在回车时隐藏，我无法选择选项

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

const MyDropdown = () => {
  const [open, setOpen] = useState(false);

  const handleKeyDown = (event) => {
    if (event.key === 'Enter') {
      event.preventDefault();
      // 处理选项选择逻辑
    }
  };

  return (
    <DropdownButton id="dropdown-basic-button" title="Dropdown button" onToggle={(isOpen) => setOpen(isOpen)} onKeyDown={handleKeyDown}>
      <Dropdown.Item eventKey="1">Option 1</Dropdown.Item>
      <Dropdown.Item eventKey="2">Option 2</Dropdown.Item>
      <Dropdown.Item eventKey="3">Option 3</Dropdown.Item>
    </DropdownButton>
  );
};

export default MyDropdown;

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

const MyDropdown = () => {
  const dropdownRef = useRef(null);

  const handleKeyDown = (event) => {
    if (event.key === 'Enter') {
      event.preventDefault();
      dropdownRef.current.focus();
      // 处理选项选择逻辑
    }
  };

  return (
    <DropdownButton id="dropdown-basic-button" title="Dropdown button" ref={dropdownRef} onKeyDown={handleKeyDown}>
      <Dropdown.Item eventKey="1">Option 1</Dropdown.Item>
      <Dropdown.Item eventKey="2">Option 2</Dropdown.Item>
      <Dropdown.Item eventKey="3">Option 3</Dropdown.Item>
    </DropdownButton>
  );
};

export default MyDropdown;