ReactJS - 即使从选择下拉列表中选择相同的选项也会触发事件

当从 ReactJS 的下拉列表中选择一个选项时，如何触发事件。目前我正在使用onChange但即使再次选择相同的选项，我也需要触发一个事件。

当前代码：

<select name="select1" onChange={this.onChangeOption}>
    <option value='A'>Please select A...</option>
    <option value='B'>Please select B...</option>
    <option value='C'>Please select C...</option>
    <option value='D'>Please select D...</option>
</select>

我什至尝试添加onClick选项的处理程序，但在单击选项时不会触发，因为它仅适用于元素。

我知道有使用 jquery 通过将单击事件与选项元素绑定的解决方案，但需要 React 中的解决方案。不想仅仅为了这个需求而包含 jQuery。

这是一个技巧，但如果您需要在每次更改时调用该函数，即使更改相同的选项，我知道的唯一解决方案 - 使用 onClick 及其详细信息：

class Select extends React.Component{
    onChangeOption(e){
        if (e.detail === 0){
            console.log(e.target.value);
        }
    }
    render(){
        return (
            <select name="select1" onClick={this.onChangeOption}>
                <option value='A'>Please select A...</option>
                <option value='B'>Please select B...</option>
                <option value='C'>Please select C...</option>
                <option value='D'>Please select D...</option>
            </select>
        )
    }
}

https://jsfiddle.net/69z2wepo/86140/ https://jsfiddle.net/69z2wepo/86140/