Moveableを使って、要素を移動したりサイズ変更したりする。 - Qiita

概要 Officeのオートシェイプみたいな感じで、html要素をマウスでポチポチっと移動したり、 サイズ変更したいなぁって時ありますよね？ Moveableを使って、やってみようと思います。 今回は、React用のreact-moveableを使います。 環境構築 yarnでポチポチ作っていきましょう。 yarn create react-app sample-react-moveable cd sample-react-moveable yarn add react-moveable 実装 公式サイトのサンプルを見ると、targetをdocument.querySelector()で直接指定していますが、 これだと動かないので、useStateとuseEffectを使ってstateから指定してやります。 とりあえず、src/App.jsを弄っていきます。 また、src/App.cssに表