如果我使用 Material Ui，如何在 React 中获取输入字段的值？

Question

我有很少的无线电输入是从材料 Ui 反应组件导入的，

      <FormControlLabel onClick={checkAnswerHandler} value={answer} control={<Radio color="primary" />} label={<span dangerouslySetInnerHTML={{ __html: answer}}></span>} />
</div>

在这里，我尝试通过 onClick 函数访问输入的值，如下所示

const checkAnswer = (e: React.MouseEvent<HTMLLabelElement>) => {
 
     answer = e.currentTarget.value; //but throws error as label is not an input element
     
  }

那么，我无法实现onClick函数来输入标签，如何获取输入标签的值？

Answer 1

你应该从RadioGroup获取值

查看 Matrial-ui 文档中的这个示例：

<FormControl component="fieldset">
  <FormLabel component="legend">Gender</FormLabel>
  <RadioGroup aria-label="gender" name="gender1" value={value} onChange={handleChange}>
    <FormControlLabel value="female" control={<Radio />} label="Female" />
    <FormControlLabel value="male" control={<Radio />} label="Male" />
    <FormControlLabel value="other" control={<Radio />} label="Other" />
    <FormControlLabel value="disabled" disabled control={<Radio />} label="(Disabled option)" />
  </RadioGroup>
</FormControl>