1. ホーム
  2. reactjs

[解決済み] Create-React-Appでデフォルトで表示されるロゴのように、独自のSvg画像を追加する方法

2022-03-02 21:40:32

質問

create-react-appをインストールして、自分のsvg画像を追加して、ロゴが表示されるのと同じように表示したいと思いました。

import logo from './logo.svg';

{logo}

しかし、ロゴと同じ方法で自分のsvgをインポートして使おうとすると、画面にこのようなurlがプリントされます。

 /static/media/menu.92677579.svg 

の代わりに、画像をレンダリングすることができます。

解決方法は?

と書くと {logo} は、単にURLを埋め込んでいるだけです。 もし、画像を表示したい場合は <img> タグは、デフォルトのテンプレートのように が行います。 .

<img src={logo} alt="My logo" />

これが役立つといいのですが