2017-02-17 4 views
3

私はきれいなCreate-Reaction-Appインストールを持っており、私は自分のsvgイメージを追加して同じ方法そのロゴは、すなわち示されている:私はロゴがインポートされるのと同じ方法で自分のSVGをインポートし、それを使用しようとすると、ロゴのように私自身のSvgイメージを追加するにはデフォルトでCreate-React-Appに表示されます

import logo from './logo.svg'; 

{logo} 

はしかし、それが画面上に、このようなURLを出力します。

/static/media/menu.92677579.svg 

イメージをレンダリングする代わりに、誰かがこれを理解してくれたら助かりますか?

+0

あなたはどのようにインポートしているかを表示できますか? –

+0

ロゴと全く同じ方法: './menu.svg'からのインポートメニュー。 – linasmnew

答えて

3

{logo}と書くと、URLだけが埋め込まれます。 イメージを表示する場合は、デフォルトテンプレートdoesのように<img>タグを使用します。

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

+0

私の文書で ''タグの代わりに ''タグを使用したいのですが?それとも推奨されていないのですか? –

関連する問題