react-dndでドラッグアンドドロップ

HTML5のDrag and Drop APIを直接操作することも可能そうだが、ブラウザ間のinconsistencyで苦しむ羽目になりそうだ。 そこらへんをよしなに抽象化して差を吸収してくれるreact-dndというライブラリがあるということで触ってみた。

https://codesandbox.io/s/adoring-butterfly-r82k4

（ファイルアップロードのやつはsandboxのiframeだと機能しないけど別タブで開くと機能する。...?）