如何在react中使用select实现动态

import React, { useState } from 'react';

function MyComponent() {
  const [selectedValue, setSelectedValue] = useState('');
  const options = ['Option 1', 'Option 2', 'Option 3'];

  // 其他组件代码...

  return (
    <select value={selectedValue} onChange={(e) => setSelectedValue(e.target.value)}>
      {options.map((option, index) => (
        <option key={index} value={option}>{option}</option>
      ))}
    </select>
  );
}