1. ホーム
  2. javascript

[解決済み] ReactJSと公開フォルダの画像について

2022-04-24 08:11:47

質問

私はReactJSの初心者で、あるコンポーネントに画像を取り込みたいと思っています。これらの画像はpublicフォルダの中にあり、リアクトコンポーネントからそのフォルダにアクセスする方法が分かりません。

何かアイデアはありますか?

EDIT

Bottom.jsやHeader.jsの中に画像を取り込みたいのですが。

構造体フォルダーは

webpackは使っていません。使うべきですか?

編集2

画像やその他のアセットの読み込みにwebpackを使いたい。そこで、私の設定フォルダに次のようなファイルを用意しました。

画像のパスをどこにどのように追加すればよいのでしょうか?

ありがとうございます。

解決方法は?

公共の場で画像を参照するには、私が知っている限りでは、2つの方法があります。 ひとつは、上記のHomam Bahraniのような方法です。

を使って

    <img src={process.env.PUBLIC_URL + '/yourPathHere.jpg'} /> 

そして、これが動作するので、本当に何も必要ないのですが、これも動作します...。

    <img src={window.location.origin + '/yourPathHere.jpg'} />