[React] string <br>

const text = "Hello <br> World"을 <span> 안에 넣고 싶을 때 어떻게 해야 할까?

1. innerHTML
   리액트에서는 innerHTML이 적용되지 않는다. 리액트 공식문서에 따르면, 일반적인 코드에서 HTML을 수정하는 것은 위험하다. innerHTML을 대체할 수 있는 건 dangerouslySetInnerHTML이다. 다만, 이름 맨 앞에 danger이 들어가 있어 사용하기 영 찝찝하다. innerHTML을 사용할 경우 XSS로 보안에 취약하다. 그럼에도 사용하겠다면 DOMPurify를 import하여 사용하라는 글이 종종 있다. 참고

2. white-space: pre-line;
const text = "Hello \n World"로 변경한 후에 css 속성을 추가한다. 참고