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

时间:2019-03-06 05:53:53

标签: javascript reactjs

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

0 个答案:

没有答案