svgファイルのコードと、svgを表示しているコンポーネント側のソースを貼ってもらえるでしょうか。
基本的には、
・icon.svg にsvgタグを記載
・App.jsxでimportしたものをimgで出力すれば見れるはずです。
コード ```### 前提・実現したいこと React でhttps://taroken.org/portfolio/のコピーサイトを作っております。 実現したいことはReactのコンポーネント内に上記のサイトのsvgタグ部分をReactで表示させることです。 ここに質問の内容を詳しく書いてください。 svgタグを埋め込むとエラーがでます。 なので、下記の 該当のソースコードをReactでも使えるように変換するにはどうしたらよいでしょうか? ■な機能を実装中に以下のエラーメッセージが発生しました。 上記のURLのサイトのsvgタグを埋め込むとエラーが発生致します。 ### 発生している問題・エラーメッセージ エラーの内容は:に}が必要ですと出ます。 } ### 該当のソースコード ### 試したこと :を消したり、styleタグを消したりする。 ここに問題に対して試したことを記載してください。 ### 補足情報(FW/ツールのバージョンなど) view-source:https://taroken.org/portfolio/ ・svgファイルのコードについてはこちらのサイトの73行目から85行目までコピーして使っております。 (文字数が1万字を超えてしまうためこちらにsvgファイルのコードを記載することができませんでした。) ・svgを表示しているコンポーネント側のソースです。
<div className="main parallax1"> <div className="gradient"> <div className="maincontent"> <h1> <img src='icon.svg' /> </h1> <div className="downbtn"> <a href=""><i className="fa fa-angle-down" aria-hidden="true"></i></a> </div> </div> </div> </div>
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー