将ComboBoxes项源代码与字典绑定

import React, { useState } from 'react';

const MyComponent = () => {
  const [selectedOption, setSelectedOption] = useState('');
  const options = {
    option1: 'Option 1',
    option2: 'Option 2',
    option3: 'Option 3',
  };

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

  return (
    <div>
      <label htmlFor="myComboBox">Select an option:</label>
      <select id="myComboBox" value={selectedOption} onChange={handleChange}>
        {Object.entries(options).map(([key, value]) => (
          <option key={key} value={key}>{value}</option>
        ))}
      </select>
    </div>
  );
};

export default MyComponent;