CSS 로 텍스트 줄바꿈 하는 간단한 방법

const text = "동해물과 백두산이\n 마르고 닳도록"

JSX에서는 개행 문자(‘\n’)가 동작하지 않아 줄바꿈이 되지않고 출력된다.

 

\n 개행문자를 <br /> 치환하는 방법도있지만

CSS로 간단하게 설정 가능하다

white-space: pre-wrap;