根据select list - react js中的编号遍历组件

import React, { useState } from 'react';

const MyComponent = () => {
  const [selectedOption, setSelectedOption] = useState('');

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

  return (
    <div>
      <select value={selectedOption} onChange={handleSelectChange}>
        <option value="">请选择编号</option>
        <option value="1">编号1</option>
        <option value="2">编号2</option>
        <option value="3">编号3</option>
      </select>
      {selectedOption && (
        <div>
          你选择的编号是：{selectedOption}
        </div>
      )}
    </div>
  );
};

export default MyComponent;