[React]줄바꿈 안 됨 오류 - 개행문자(\n) 인식하게 하기

문제

리액트에서 줄바꿈이 인식이 안 되는 경우가 있다.

어떤 블로그를 참고하여 {"\n"}, </br>, 컴포넌트 분리의 방법을 모두 써봤는데 소용이 없었다.

 

해결

css에

white-space: pre-line;

white-space: pre-line;

을 추가해주니 개행문자를 인식할 수 있게 되었다.