0
イメージをロードして遊んでいたところ、SvgCircusが見つかりました。アニメーション化されたSVGを開発できます。 Here's私が作成した例です。リアクションコンポーネントにアニメーションSVGを埋め込む
私はこのsvgをindex.htmlに入れても問題ありません。しかし、私がReactコンポーネントでそれを使用しようとすると、スタティックイメージだけをロードすることができます - アニメーションはありません。私は生の文字列をロードするためにスパンのdangerouslySetInnerHTMLパラメータと<use xlinkHref={filename}></use>を使用してこれを試みましたが、これらの両方が静止画像をロードします。私はReactには初めてですが、svgファイルに付属のjavascriptがロードされていないことを推測します。
私はindex.htmlに完全なsvgを入れて、ページロードとdisplay: noneにロードするようにしてから、それを表示するときに使います。私は何かが見落とされているのか、より洗練された解決策があるのか疑問に思いました。