React+TypeScript: SVGを埋め込み表示する

はじめに

ReactでSVGを表示するのに何か必要かな、と考えました。

結論 => 素直にsvgタグで書けました。

実行例

See the Pen Untitled by kalz2q (@kalz2q) on CodePen.

解説

svgコードはdotinstallのsvg入門の最初の方にあるやつと、ネットで使われていたした矢印アイコンを使いました。

これが出来るのだから、あとからjavascriptやcssで回転したり色を変えたりできるのだろうと思うのですが、今回はここまで。