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

user_7482821 0
Viewed 403

I want to get value on submit, but getting value which is first, its passing null value on selecting female , onChange its working fine

 <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>
react-hook-form material-ui reactjs
1 Answers

Replace your form tag with this

 <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>
user_112031090
Related