我想在showAnswer标志为true时选择一个选项,如果答案是肯定的,则选择该选项。但是问题是该选项显示在选择字段中,但是未触发onChange(event)
并且未将其设置为状态。
<select onChange={(event) => { if (props.eSimStore.examMode != 'read') {
let index= +event.target.value;
props.setNewAnswer(String.fromCharCode(65 + index));
}
}} > {props.eSimStore.question.options.map((option, index) => (
<option
key = {index}
selected={
(props.eSimStore.showAnswerFlag && String.fromCharCode(65 + index) ==
props.eSimStore.question.answer)
}
value = {index}
>
{htmlToReactParser.parse(option)}
</option> </select>
Codepen在这里,我仅在遇到麻烦的地方使用功能组件。