reactjsでネットワーク画像のURLを読み込む方法は？

私はreactjsの初心者で、まだ学習しています。「/ユーザー/管理者/ WEBSITE1 /ウェブサイト/ src」に「https://www.example.com/logo.png」を解決できませんreactjsでネットワーク画像のURLを読み込む方法は？

：

は、私は、次のコードを

モジュールが見つかりません。使用して、reactjsで外部画像をロードしようとしています

次のように私のコードがある：ローカルストレージ負荷正常

<div className="profile-userpic"> 
     <img src={require('./images/me-icon.png')} /> 
    </div>

で画像として

<div className="profile-userpic"> 
    <img src="https://www.example.com/logo.png" /> 
</div>

場合210

2017-10-04 karan

を、私は、これはWebPACKの/ローダーの問題であることを、と言うでしょう。あなたは 'webpack.config.js'ファイルを投稿できますか？ – webdeb

おそらく、コンポーネントからイメージを抽出しようとしているプリプロセッサを使用している可能性があります。

この場合、資産ディレクトリを設定に追加する必要があります。あなたが使用しているツールの場合は、画像hereにwebpackのガイドがあります。

その他の場合は、より多くの文脈を提供してください。

2017-10-04 11:29:58 jenriquer

-3

あなたの<img/>は本当にDOM要素ではないので、文字列を入力するだけで機能しません。これはJSXの属性式なので、実際の文字列の前後に中括弧が必要です。

同様の質問はここで回答されています https://stackoverflow.com/a/26065890

2017-10-04 11:34:47 damm123

ほとんどの場合、文字列は大丈夫ですが、OPのエラーは 'Can not resolve 'と表示されます。これは 'src'プロパティを解決しようとしていることを意味します。。 – webdeb

答えて