[React] img태그

React프로젝트를 진행하면서 Img태그를 사용하려고 하는데,

처음에 html에서 작성하듯이

<img src="경로" alt="사진"/>

이렇게 코드를 추가하였지만 에러가 떴다.

 

React에서 img태그 사용법은 다르기 때문!

 

import ex2 from '../img/ex2.gif';

이렇게 import문을 이용하여 이미지의 위치를 사용할 변수로 선언해준 후,

 

컴포넌트 내부의 return값에

 <img src={ex2} alt="ex2" width="300" />

src={} 는 import에서 선언해준 변수명처럼 해주면 된다.

 

리액트에서는 중괄호를 이용할 것!