[React] 리액트 이미지 엑박 뜰 때 해결법

김현성·2021년 11월 7일
0

React

목록 보기
2/5

스터디에서 진행하는 프로젝트 중,
로고 이미지를 불러오는 과정에서 에러가 발생했다.

img elements must have an alt prop, either with meaningful text, or an empty string for decorative images 

요런 에러였는데, 해결법은 생각보다 간단했다 !

<img src={require("이미지 경로")} />

근데 나는 이렇게 해도 엑박이 사라지지 않았는데, 알아보니 require는 이미지가 아닌 **객체**를 반환해 주기 때문이었음.
<img src={require("이미지 경로").default} />

이렇게 해주면 이미지가 반환되어 엑박 없이 잘 뜨는 것을 확인할 수 있음 !





더 자세한 참고 사이트
https://gomgomkim.tistory.com/11

profile
아자아자

0개의 댓글

관련 채용 정보