ホームページ >ウェブフロントエンド >jsチュートリアル >React で画像に使用されるタグ
react では画像に「a1f02c36ba31691bcfe87b2722de723b」タグを使用しますが、タグの srcs 属性に画像へのパスを直接記述することはできません。「974a26b79a644f7e9ba240385947db00」で画像を紹介します。
このチュートリアルの動作環境: Windows7 システム、react16 バージョン この方法は、すべてのブランドのコンピューターに適しています。
おすすめの関連チュートリアル: React ビデオ チュートリアル
React の画像に使用されるタグは、HTML のタグと同じ a1f02c36ba31691bcfe87b2722de723b タグです。 Web 上のイメージを定義します。
ただし、es6 は、画像のパスを a1f02c36ba31691bcfe87b2722de723b
タグに直接記述することをサポートしていません。つまり、このように使用することはできません f710264974f90f097f015529ff3dcc4e
では、React に画像を導入するにはどうすればよいでしょうか?解決策:
react に画像を導入、使用できるメソッド:
1) 推奨される使用方法: require メソッド このメソッドでは文字列のみを記述できることに注意してくださいrequire. では変数を書き込めません。
<img src={require('图片url')} />
2) インポート方法:
import imgURL from '图片url'; <img src={imgURL } />
プログラミング関連の知識については、プログラミング教育をご覧ください。 !
以上がReact で画像に使用されるタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。