单击react-bootstrap下拉列表中的文件输入不会打开浏览器的“打开文件”对话框

Question

我想将一个<input type=file/>字段放入引导 DropDown 组件中。它渲染正确，但如果我单击它，它不会打开浏览器的本机文件选择器。

我怀疑当我单击输入组件时，输入组件可能会重新渲染，因此文件选择器没有机会运行，但据我所知，没有发生重新渲染。

请参阅下面的示例：

https://jsfiddle.net/0hmtkhpg/144/

Answer 1

阻止事件冒泡：

<input type=file onClick={(e) => e.stopPropagation()}/>