React 문자열 줄바꿈 처리

drrobot409·2021년 11월 27일
0

Front-end 🖥

목록 보기
8/13

React 문자열 줄바꿈 처리

\n<br /> 태그로 바꾸면 되는 간단한 문제지만 React에서는 보안을 위해 문자열로 태그를 입력시 그냥 문자열로 인식하도록 되어있다. 두가지 방법으로 해결할 수 있다.

1

str.split("\n")
  .map((line) => {
  	return (
      <span>
      	{line}
      	<br />
      </span>
    );
})

2

white-space: pre-line;
profile
개발자로 자기 개발 중

0개의 댓글