[React] public 폴더 안의 이미지 주소 prop로 받기

1. 문제

: c.js가 부모이고 a.js와 b.js가 자식인 경우 prop를 통해 public 안의 image 경로를 넘겨주면 a.js에서만 엑박이 뜸

2. 원인 & 기존 코드

a.js, b.js

// imgSrc="img/img.png"
<img src={props.imgSrc} className="photo" alt="photo"/>

: 몰라~~~

3. 해결 & 수정 코드

a.js

// imgSrc="img/img.png"
<img src={process.env.PUBLIC_URL + '/' + props.imgSrc} className="photo" alt="photo" />

: a.js에서도 정상적으로 이미지 보임

+) Ref

https://create-react-app.dev/docs/using-the-public-folder/
https://hello-bryan.tistory.com/175