리액트 텍스트 <br> 줄바꿈, HTML 특수기호 디코딩(he라이브러리)

youtube api로 댓글을 가져오면 HTML 특수기호와 <br> 태그로 줄바꿈이 되어있다.

---

1. he 라이브러리 설치: HTML 특수기호 디코딩해주는 라이브러리

npm i he

텍스트에 포함된 HTML 특수기호를 디코딩하여 & 를 & 로 바꿔준다.

 

        textDisplay = he.decode(textDisplay);

 

---

2. <br>을 줄바꿈으로 바꾸기

replaceAll로 \n 으로 치환해준다.

 

        textDisplay = he.decode(textDisplay).replaceAll("<br>", "\n");

 

그리고 텍스트를 pre 태그로 감싸준다.

 

                <pre>{textDisplay}</pre>

 

---

결과