JSON 형식 변환, JSON 개행 문자 처리 방법

JSON 형식을 받아와서, 화면에 줄바꿈을 반영하여 예쁘게 보여주고 싶은데

개행 문자를 어떻게 변환할 수 있을까?

 

response = "{\n \"hobby\": \"/exercise/swim\"\n}"

 

이렇게 응답이 왔다고 했을 때 이것을 그대로 출력하면 \n 이 그대로 문자로 출력될 것이다. 

** 이스케이프 문자

 

{userDetails?.userInfo && (
	<div>
		<pre>{userDetails?.userInfo}</pre>
	</div>
)}

JSX에서,

<pre> 태그를 이용해주면 \n 개행문자를 줄바꿈으로 변형하여 보여줄 수 있다.