2017-05-03 7 views
0

<input type=file/>フィールドをブートストラップDropDownコンポーネントに入れたいと思います。それは正しくレンダリングされますが、クリックするとブラウザのネイティブファイルチューザーは開きません。反応起動ストラップのファイル入力をクリックするドロップダウンでborwserのファイルを開くダイアログが開きません

クリックしたときに入力コンポーネントが再レンダリングされる可能性がありますので、ファイルチューザは実行する機会がありませんが、再レンダリングは発生しません。

は、例えば、以下を参照してください。

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

+0

「ファイルを選択」をクリックするのMenuItemのにonSelectをトリガする代わりに、ファイルダイアログを開いています。私はドロップダウンを曲げるのではなく、ファイル選択をアコーディオンにするか、開いた状態にするでしょう。 – aitchnyu

+0

説明をありがとう。残念ながら、ファイルのインポートをドロップダウンに入れるというユーザ要求です:) – gsanta

答えて

2

ストップバブルアップからのイベント:

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

ありがとう、完璧に動作します:) – gsanta

関連する問題