web-dev-qa-db-ja.com

Create-React-Appにデフォルトでロゴが表示されるように、自分のSvg画像を追加する方法

クリーンなcreate-react-appインストールがあり、ロゴが表示されるのと同じ方法で、表示する独自のsvgイメージを追加したいと思いました。

import logo from './logo.svg';

{logo}

ただし、ロゴをインポートするのと同じ方法で自分のsvgをインポートして使用しようとすると、次のようなURLが画面に出力されます。

 /static/media/menu.92677579.svg 

代わりに、または画像をレンダリングする場合、誰かがこれを理解するのを手伝ってくれませんか?

6
linasmnew

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

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

お役に立てれば!

12
Dan Abramov