[React]에러 Error: img is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`

 

에러 이유 

'자식'을 포함하거나 'dangerouslySetInnerHTML'을 사용하면 안 된다.

즉, img안에 내용이 있으면 안 된다. 여는 태그와 닫는 태그 사이에 공백 하나라도 들어가면 안된다. 

dangerouslySetInnerHTML는 React의 DOM 요소 아래에 있는 요소이다.

공식문서에 따르면 innerHTML 브라우저 DOM에서 사용하기 위한 React의 대체품이다.

 

해결방안

 

변경 전

변경 후