bamch0h https://blog.hatena.ne.jp/bamch0h/ bamchoh’s diary https://bamch0h.hatenablog.com/ Drag and Drop している様子 TODO アプリに ドラッグ&ドロップでタスクを動かせるようにした。 苦労した点1 Typescript と react-beautiful-dnd の相性 react-beautiful-dnd では公式には Typescript をサポートしていません。型定義にはflowtypeを使用しています。 ただ、@types/react-beautiful-dnd はあるようなので今回はそちらを使用しました。バージョンは10.0.3 しかし、この定義ファイルにも問題があるようで、そのままで使うと webpack のビルドでエラーが発生しました。 なので、n… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fbamch0h.hatenablog.com%2Fentry%2F2019%2F02%2F24%2F133301" title="TODOアプリに react-beautiful-dnd を追加する - bamchoh’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/b/bamch0h/20190224/20190224125024.gif Hatena Blog https://hatena.blog 2019-02-24 13:33:01 rich https://bamch0h.hatenablog.com/entry/2019/02/24/133301 1.0 100%