React img 이미지 태그

JSX 문법으로 이미지 태그를 하려고 하는데 적용이 안된다?

<img src='./images/loader.gif' alt="loader image" />

 

알고보니 react 에서는 기존 img 태그 넣듯이 하는 것이 아니라 image를 import 먼저 해야 한다. 

 

 

아래처럼 import 먼저하고 {} 안에 컴포넌트를 넣어주면 끝

어렵지 않으나 그냥 몰랐던 사실!

import loader from '../images/loading.gif';

return (<div>
        <img src={loader} alt="loader image" />
      </div>);