使用ReactJS中表中行的数据从下拉列表中获取选定值

import React, { useState } from 'react';

function MyForm() {
  const [selectedValue, setSelectedValue] = useState('');

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

  const handleSubmit = (event) => {
    event.preventDefault();
    console.log('Selected value:', selectedValue);
  };

  return (
    <form onSubmit={handleSubmit}>
      <label>
        Select a value:
        <select value={selectedValue} onChange={handleSelectChange}>
          <option value="option1">Option 1</option>
          <option value="option2">Option 2</option>
          <option value="option3">Option 3</option>
        </select>
      </label>
      <button type="submit">Submit</button>
    </form>
  );
}

export default MyForm;