I am working with a few radio input components that have been imported from material Ui react. Each radio input is wrapped in a FormControlLabel component.
<FormControlLabel onClick={checkAnswerHandler} value={answer} control={<Radio color="primary" />} label={<span dangerouslySetInnerHTML={{ __html: answer}}></span>} />
</div>
In trying to access the value of the input through an onClick function, I encountered an issue:
const checkAnswer = (e: React.MouseEvent<HTMLLabelElement>) => {
answer = e.currentTarget.value; //but throws error as label is not an input element
}
How can I obtain the value of the input tag since I am unable to implement an onClick function directly on the input tag?