有没有办法在第一个下拉列表中显示从特定位置选择MenuItems？

import React, { useState } from 'react';

const Dropdown = ({ menuItems, defaultIndex }) => {
  const [selectedItem, setSelectedItem] = useState(menuItems[defaultIndex]);

  const handleChange = (event) => {
    setSelectedItem(event.target.value);
  };

  return (
    <select value={selectedItem} onChange={handleChange}>
      {menuItems.map((item, index) => (
        <option key={index} value={item}>
          {item}
        </option>
      ))}
    </select>
  );
};

const App = () => {
  const menuItems = ['Item 1', 'Item 2', 'Item 3'];
  const defaultIndex = 1; // 设置默认选中第二项

  return (
    <div>
      <h1>Dropdown Example</h1>
      <Dropdown menuItems={menuItems} defaultIndex={defaultIndex} />
    </div>
  );
};

export default App;