반응하는 이미지에 어떤 태그가 사용됩니까?

반응에서 이미지는 "<img>" 태그를 사용하지만, 태그의 srcs 속성에 이미지 경로를 직접 쓸 수는 없습니다. "

이 튜토리얼의 운영 환경: windows7 시스템, React16 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천 튜토리얼: React 비디오 튜토리얼

React에서 이미지에 사용되는 태그는 HTML의 태그와 동일합니다. 이는 웹에서 이미지를 정의하는 <img> 태그입니다.

하지만 es6는 <img>标签内直接写图片的路径，即不能这样使用<img src="img.png"/>

를 지원하지 않습니다. 그러면 어떻게 반응에 이미지를 도입할 수 있을까요? 해결책:

react에 이미지 도입, 사용할 수 있는 방법:

1) 권장 용도: require 메서드 이 방법에서는 require에 변수가 아닌 문자열만 작성할 수 있다는 점에 유의해야 합니다.

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

2) 가져오기 방법:

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

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

위 내용은 반응하는 이미지에 어떤 태그가 사용됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!