从子元素更新父组件中的单选按钮状态值时出现问题

import React, { useState } from 'react';

const ParentComponent = () => {
  const [radioValue, setRadioValue] = useState('');

  const handleRadioChange = (value) => {
    setRadioValue(value);
  };

  return (
    <div>
      <ChildComponent radioValue={radioValue} onRadioChange={handleRadioChange} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = ({ radioValue, onRadioChange }) => {
  const handleRadioChange = (e) => {
    const value = e.target.value;
    onRadioChange(value);
  };

  return (
    <div>
      <input type="radio" value="option1" checked={radioValue === 'option1'} onChange={handleRadioChange} />
      <input type="radio" value="option2" checked={radioValue === 'option2'} onChange={handleRadioChange} />
    </div>
  );
};

export default ChildComponent;