如何使用react-hook-form在React中存储单选按钮组的状态

import React from 'react';
import { useForm } from 'react-hook-form';

function RadioGroupForm() {
  const { register, handleSubmit, formState: { errors } } = useForm();

  const onSubmit = data => console.log(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <label>
        <input
          type="radio"
          {...register("gender", { required: true })}
          value="male"
        /> Male
      </label>
      <label>
        <input
          type="radio"
          {...register("gender", { required: true })}
          value="female"
        /> Female
      </label>
      {errors.gender && <p>This field is required</p>}
      <input type="submit" />
    </form>
  );
}

export default RadioGroupForm;

<input
  type="radio"
  {...register("gender", { required: true })}
  value="male"
/>