一页上的两个选择表单[reactjs]

import React, { useState } from 'react';

const SelectForm = () => {
  const [selectedOption, setSelectedOption] = useState('');
  const [isChecked, setIsChecked] = useState(false);

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

  const handleCheckboxChange = (event) => {
    setIsChecked(event.target.checked);
  };

  return (
    <div>
      <label htmlFor="select-option">选择一个选项:</label>
      <select id="select-option" value={selectedOption} onChange={handleSelectChange}>
        <option value="">请选择</option>
        <option value="option1">选项1</option>
        <option value="option2">选项2</option>
        <option value="option3">选项3</option>
      </select>

      <label htmlFor="checkbox">
        <input
          type="checkbox"
          id="checkbox"
          checked={isChecked}
          onChange={handleCheckboxChange}
        />
        同意条款
      </label>
    </div>
  );
};

export default SelectForm;

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

const [selectedOption, setSelectedOption] = useState('option1');