img 태그를 아래와 같이 작성했는데 다음과 같은 오류가 나왔다.
<img src={state.img0}></img>img is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
img 태그 안에 자식태그를 넣지 말아야 하며 'dangerouslySetInnerHTML' 을 사용하지 말아야 한다.
* dangerously SetInnerHTML 이란? (출처: react docs)
리액트에서 innerHTML을 browser DOM에서 사용하기 위해 쓰는 것. XSS 공격에 노출되는 위험을 줄일 수 있음
안에 children tag 를 직접적으로 써 주지는 않아서 전혀 문제될게없다고 생각했으나 계속 오류가 발생하니 코드를 다음과 같이 바꿨고 해결이 되었다.
<img src={ } />
