如何在Reactjs中获取选择选项值的索引

Question

我想设置事件的索引，但尚未设置索引

<selectonChange= {(event)=> {
    if (props.eSimStore.examMode != 'read') {
      if (event.target.value) {
        props.setNewAnswer(String.fromCharCode(65 + index));
      }
    }
  }
}> {props.eSimStore.question.options.map((option, index) => (
    <option key={index} value={index}>
        {htmlToReactParser.parse(option)}
    </option>
  ))}
</select>

在这里，我想在props.setNewAnswer(String.fromCharCode(65 + index))中设置值的索引，但是在onChange()中将方法值设置为事件，但是我想设置值的索引。请有人帮我获取索引。

Answer 1

您需要的好像是event.target.value。

尝试替换此部分

if (event.target.value) {
    props.setNewAnswer(String.fromCharCode(65 + index));
}

与此

props.setNewAnswer(String.fromCharCode(65 + event.target.value));

注意：如您所见，我删除了if，我想如果event.target.value为0（这是错误的）会更有意义。您可以根据自己的价值观保留它。