Radio

() => {
  const [value, setValue] = useState('yes')
  const [gender, setGender] = useState('female')
  const onChange = e => {
    setValue(e.target.value)
  }
  const onChange2 = e => {
    setGender(e.target.value)
  }
  return (
    <div>
      <RadioGroup value={value} onChange={onChange}>
        <Radio name="confirm" value="yes">
          Yes
        </Radio>
        <Radio name="confirm" value="no">
          No
        </Radio>
      </RadioGroup>
      <br />
      <RadioGroup value={gender} onChange={onChange2}>
        <Radio name="gender" value="male">
          Male
        </Radio>
        <Radio name="gender" value="female">
          Female
        </Radio>
      </RadioGroup>
    </div>
  )
}