有条件地选择不会触发reactjs中的select onChange（event）方法

Question

我想在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在这里，我仅在遇到麻烦的地方使用功能组件。