如何处理onKeyDown/Up打开React中的列表项

import React, { useState } from 'react';

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

  // 其他组件代码...

  return (
    <div>
      {/* 列表项 */}
      <div
        onKeyDown={() => setIsOpen(true)}
        onKeyUp={() => setIsOpen(false)}
      >
        {/* 列表项内容 */}
      </div>

      {/* 其他组件代码... */}
    </div>
  );
}

import React, { useState } from 'react';

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

  // 其他组件代码...

  return (
    <div>
      {/* 列表项 */}
      <div
        onKeyDown={() => setIsOpen(true)}
        onKeyUp={() => setIsOpen(false)}
      >
        {isOpen && (
          <div>
            {/* 列表项内容 */}
          </div>
        )}
      </div>

      {/* 其他组件代码... */}
    </div>
  );
}