web-dev-qa-db-ja.com

ソースを使用してreact.jsで画像をリンクする方法

私はreact.jsWebサイトで作業しており、画像(ロゴ)をWebサイトにリンクしたいと考えています。フォルダ構造を参照してください

enter image description here

フッターロゴの画像コードは

<img className="img-responsive" src="public/assets/image/img/footer-logo.jpg" alt="logo"/>

しかし、実行すると画像がWebサイトに表示されません。解決策はありますか?

4
kavin Rakshan

単純なギャツビーテストで動作している同様のバグに遭遇しました。私の道は次のようでした: Image of problem

@Kafoが述べたように解決するには:

  1. 画像に名前付きインポートを指定します
  2. Srcの値として中括弧で囲みます

私の結果: Result

0
Callat