결론부터 말하자면 아래 코드처럼 해주면된다.
<태그이름 dangerouslySetInnerHTML={{ __html: 요소 }}></태그이름>아래 a를 각각 삽입해보면
아래 그림처럼 그냥 a변수만 출력하면 문자열 그래로 출력 되었는데 dangerouslySetInnerHTML를 사용하면 요소로 돔 트리에 추가도이었다. 하지만 이러면 XSS 공격에 취약하니 정신바짝 차리고 써야된다.
'프론트엔드 > React' 카테고리의 다른 글
| Portals (0) | 2023.03.11 |
|---|---|
| 연속된 커스텀 훅(훅인마) (0) | 2023.03.09 |
| 리액트 hydrate (0) | 2023.02.21 |
| useEffect vs useLayoutEffect 렌더링 비밀 유출?!?! (0) | 2023.01.27 |
| Masonry layout(react) (0) | 2023.01.23 |
