[React] string props 전달시 줄 바꿈 처리

 

React 프로젝트에서 간단하게 줄 바꿈 처리하는 방법.

줄바꿈 할 부분을 \n으로 전달 후

 

해당 string 값이 전달되는 문자 태그의 CSS에

.description {
	white-space: pre-line;
}

white-space: pre-line

CSS를 추가하면 \n을 통한 줄 바꿈 가능.