如何使用React- defaultValue逐级控制选择框的选择？

import React, { useState } from 'react';

// 子组件 - 选项
const Option = ({ value, label }) => (
  <option value={value}>{label}</option>
);

// 父组件
const ParentComponent = () => {
  const [selectedOption, setSelectedOption] = useState('option1');

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

  return (
    <select value={selectedOption} onChange={handleChange}>
      <Option value="option1" label="选项1" />
      <Option value="option2" label="选项2" />
      <Option value="option3" label="选项3" />
    </select>
  );
};

export default ParentComponent;