概要
-
内容:SVGのドラッグアンドドロップのReactで書かれたコードをTypeScriptで書いてみました。 ReactによるSVGの操作についての記事は、あまり見つけられなかったので参考になれば嬉しいです。
-
元コード(sand box): https://codesandbox.io/s/blov5kowy?from-embed=&file=/index.js:0-1686
-
変換後のコード(github): https://github.com/dai-a/react_drag/commit/01161518db5c1d3f0b1a12de5549ce29bbb7fd6f?branch=01161518db5c1d3f0b1a12de5549ce29bbb7fd6f&diff=split
左:元コード 右:変換後のコード
感想
- 相変わらずTypeScriptで書く意味があまりわかっていないものの、とりあえず動くコードになったためよしとします。