[리액트 React] 리액트 줄바꿈(개행)하기! 뚝딱~!

1. CSS에 해당 내용 추가

.display-enter {
  white-space: pre-line;
}

 

 

 

2.. JS & JSX 작성 (className 보이시죠?)

// 생략
const introEx = {
    0: `직원의 출퇴근 시간 기록을 실시간 알림으로 받을 수 있고\n
    과거부터 현재까지 모든 근무기록을 한눈에 확인할 수 있습니다.`,
}

// 중간생략
return (
	<p className="introEx display-linebreak">{introEx[0]}</p>
)

 

 

3. 결과