はじめにセットアップすることは、DragDropContextである。backendを使うことを特定させるのに必要なのである。Boardはアプリ内の最上位コンポーネントなので、これにDragDropContextを付与する。draggable)。Reactでdrag&dropを実装できるReactDnDについて解説します。ブラウザ上で動作させる場合react-dnd-html5-backendというパッケージも必要です。イベントハンドラーのようなものがまとまったもので、これを使って色々解決する感じのようです。react-dndとreact-dnd-html5-backendは基本同じバージョンを使うようにしましょう。Reactでdrag&dropコンポーネントを実装するのにおそらく一番有名(Redux作った人が作った)かつドキュメントが豊富なパッケージです。2015の15日目の記事です。例子的源码,包含ES6、ES7的实现。