Reactjs 从localStorage读取值后，如何以编程方式检查单选按钮

我正在执行一个性别广播输入。我在提交时将其值设置为localStorage，以便在返回时可以看到我选中的那个。我设法从localStorage读取了它的值，但无法根据得到的输入值检查单选按钮

这是单选按钮的代码

        <div> 
        <Radio.Group name="radiogroup" onChange={(e) => handleRadioButtons(e)} >
            <Radio 
            checked={genderChecked.male}  
            value={1} 
            >Male</Radio>
            <Radio 
            checked={genderChecked.female} 
            value={2}
            >Female</Radio>
        </Radio.Group>
        </div>

把手按钮（e）}>
男性
女性

您需要在

Radio.Group

上指定

值。我建议更改字符串值的状态，如下所示，以处理更简单的值更改：

const MyComponent = () => {
  const [ genderChecked, setgenderChecked ] = useState('male');
  const handleRadioButtons = e => setgenderChecked(e.target.value);

  return (
    <>
    <Radio.Group onChange={handleRadioButtons} value={genderChecked}>
      <Radio value='male'>Male</Radio>
      <Radio value='female'>Female</Radio>
    </Radio.Group>
    </>
  );
};

constmycomponent=（）=>{
const[genderChecked，setgenderChecked]=useState（'male'）；
const handleRadioButtons=e=>setgenderChecked（e.target.value）；
返回(
男性
女性
);
};

否则，您的
onChange
处理和
值将有点复杂。
您从本地存储读取数据并将其保存在哪里？如果您提供更多的代码和/或添加一个沙箱，可能会更容易帮助您。忘记本地存储，这不是问题所在。我想把重点放在以编程方式单击单选按钮上。为此，让我们假设
const[genderChecked，setgenderChecked]=useState（{male:true，female:null}）
由于male为true，我希望在页面呈现时单击male单选按钮。