리액트 JSX 문법에서는 개행 문자 (\n)가 동작하지 않는다.

css로 간단하게 처리할 수 있다. 내 해결한 코드는 다음과 같다.

단순 줄바꿈이라면 pre-line, 그렇지 않다면 pre-wrap을 사용하자.

<p style={{whiteSpace: 'pre-line'}}>데이터를 삭제할까요? 삭제 후에 복구가 불가능 합니다." \n  삭제할까요? </p>
                   

참고사이트

white-space - CSS: Cascading Style Sheets | MDN
[TIP] React에서 텍스트 줄바꿈하는 간단한 방법