" 태그를 사용하지만, 해당 태그의 srcs 속성에 이미지 경로를 직접 쓸 수는 없습니다. "" 그림."/> " 태그를 사용하지만, 해당 태그의 srcs 속성에 이미지 경로를 직접 쓸 수는 없습니다. "" 그림.">

>웹 프론트엔드 >JS 튜토리얼 >반응하는 이미지에 어떤 태그가 사용됩니까?

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

青灯夜游
青灯夜游원래의
2020-12-18 11:26:412539검색

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

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

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

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

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

하지만 es6는 a1f02c36ba31691bcfe87b2722de723b标签内直接写图片的路径,即不能这样使用bea7234405d2d7d3ed3fbd8cc8b07cfe

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

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

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

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

2) 가져오기 방법:

import imgURL from &#39;图片url&#39;;
<img src={imgURL } />

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.