如何在反应式表单中传递单选按钮的值？

<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female

import React, { useState } from 'react';

function MyForm() {
  const [gender, setGender] = useState('');

  const handleGenderChange = (event) => {
    setGender(event.target.value);
  };

  return (
    <form>
      <label>
        <input type="radio" name="gender" value="male" onChange={handleGenderChange} checked={gender === 'male'} /> Male
      </label>
      <label>
        <input type="radio" name="gender" value="female" onChange={handleGenderChange} checked={gender === 'female'} /> Female
      </label>
    </form>
  );
}