Html-react-parser: 오류: img는 무효 요소 태그이며 `children`을 포함하거나 `dangerouslySetInnerHTML`을 사용해서는 안 됩니다.

알려 줘서 고마워. 이 오류를 재현할 수 있는 예가 있습니까?

안녕하세요!
다음을 사용하여 이를 재현할 수 있습니다.
ReactDOM.render(Parser('<div><img src="" alt=""/></div>'), document.getElementById('root'));

좋아 고마워!

@poacher2k 예를 들어 주셔서 감사합니다. 버그를 살펴보고 #16에서 수정했습니다.

npm update html-react-parser 또는 npm install [email protected] 시도하고 이것이 오류를 제거하는지 알려주십시오.

해결되었습니다. 다시 한 번 감사드립니다! 다른 void 요소에 대한 검사도 추가한 것을 보니 기쁩니다!

정말 반갑고 환영합니다! 👍

@remarkablemark 나는 여전히 문제에 직면하고 있으며 npm install [email protected] 코드는 이 버전에서 업데이트되지 않았습니다.

@vidit1 latest 버전을 설치했는지 확인할 수 있습니까?

npm i html-react-parser<strong i="8">@latest</strong>

# or
npm i [email protected]

그런 다음 다음을 수행하여 확인합니다.

npm ls html-react-parser

@remarkablemark 최신 버전의 html-react-parser를 업데이트했지만 여전히 이 문제에 직면해 있습니다. 나의 요소는 material-ui 구성요소 내부에 있습니다.
<Drawer> <div className="alert" role="alert"> <img src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg" width="30" height="30" className="d-inline-block align-top" alt=""> Bootstrap </img> </div> </Drawer>

@blueskysmart : img 태그 안에 "Bootstrap"이라는 텍스트가 있습니다. 오류가 말했듯이 img 는 void 요소이며 자식을 가질 수 없습니다.

수정 방법에 대한 지침은 아래 @remarkablemark 의 설명을 참조하세요.

@blueskysmart @poacher2k 님 의 댓글이 맞습니다. 이 바이올린 에서 이 오류의 재현을 볼 수 있습니다.

알겠습니다. 감사합니다.

이 오류는 구문 분석만 시도하는 경우에도 발생합니다.
<img src="img.jpg".>

작동하게 하려면 div에 래핑합니다.

<div>
<img src="img.jpg".>
</div>

img 태그에 어린이를 추가하려고 했기 때문에 이 문제가 발생했습니다...