ReactでSVG Componentをカスタマイズ - Qiita作ったもの とりあえず、作ったものをはじめに載せておきます。 下記リンクから見れると思います。 サンプル 問題 ReactでSVGを扱う方法は色々あると思うが、使い勝手が悪いなと思う点が多かった。 例えば、 jsxで使えるようにするためにSVGのプロパティ名を変更する必要がある react-svg-loaderなどを使いSVGファイルをComponentとして簡単に扱えるようにしても、カスタマイズが容易ではない など。 そして個人的に一番実現したかったのが、 デザイナーがIllustrator等でSVGのデータを作ることがあるが、そのデータ自体には修正を加えることなく、かつブラウザ上では何か動きをつけたい というもの。 例えば、以下のようなSVGファイルをIllustratorで作ってもらい、このSVGファイルを直接編集することなく、<image>にエフェクトを加えたり、<text>の内容
