React で画像に使用されるタグ

react では画像に「<img>」タグを使用しますが、タグの srcs 属性に画像へのパスを直接記述することはできません。「」で画像を紹介します。

このチュートリアルの動作環境: Windows7 システム、react16 バージョン この方法は、すべてのブランドのコンピューターに適しています。

おすすめの関連チュートリアル: React ビデオ チュートリアル

React の画像に使用されるタグは、HTML のタグと同じ <img> タグです。 Web 上のイメージを定義します。

ただし、es6 は、画像のパスを <img> タグに直接記述することをサポートしていません。つまり、このように使用することはできません <img src= img.png"/>

では、React に画像を導入するにはどうすればよいでしょうか?解決策:

react に画像を導入、使用できるメソッド:

1) 推奨される使用方法: require メソッド このメソッドでは文字列のみを記述できることに注意してくださいrequire. では変数を書き込めません。

<img src={require(&#39;图片url&#39;)} />

2) インポート方法:

import imgURL from '图片url';
<img src={imgURL } />

プログラミング関連の知識については、プログラミング教育をご覧ください。 ！

以上がReact で画像に使用されるタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。