使用 react-hook-form 选择女性时单选按钮传递空值

Question

我想在提交时获得价值，但首先获得价值，它在选择 female 时传递 null 值，onChange 它工作正常

 <form onSubmit={handleSubmit(onSubmit)}>
        <FormControl>
          <FormLabel id="demo-radio-buttons-group-label">Gender</FormLabel>
          <RadioGroup
          //  onChange={(e)=>  console.log(e.target.value)}
            {...register("myrad")}           
          >
            
<FormControlLabel value="Male" control={<Radio />}label="Male" />
 <FormControlLabel value="Female" control={<Radio />}label="Female" />
    </RadioGroup>
        </FormControl>
        <button type="submit">submit</button>
      </form>

Answer 1

用这个替换你的表单标签

 <RadioGroup
        //  onChange={(e)=>  console.log(e.target.value)}
        name="use-radio-group"
        defaultValue="Female"
      >
        <FormControlLabel
          {...register("myrad")}
          value="Male"
          control={<Radio />}
          label="Male"
        />
        <FormControlLabel
          {...register("myrad")}
          value="Female"
          control={<Radio />}
          label="Female"
        />
      </RadioGroup>

使用 react-hook-form 选择女性时单选按钮传递空值

Radio Button passing null value on selecting female using react-hook-form

reactjs

material-ui

react-hook-form