React从父级下拉菜单设置子状态

const [selectedOption, setSelectedOption] = useState(null);

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

return (
  <select value={selectedOption} onChange={handleOptionChange}>
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
);

<ChildComponent selectedOption={selectedOption} />

const [childState, setChildState] = useState(null);

useEffect(() => {
  setChildState(props.selectedOption);
}, [props.selectedOption]);

// 子组件的其他逻辑和渲染