DB에서 코멘트를 받아와서 출력해야 하는데,
개행 문자가 comment에 해당되어 있다면
ex) "안녕하세요<br/>공지사항입니다"
=> 안녕하세요
공지사항입니다
로 변경해주는 코드
{comment.split("<br/>").map((line) => {
return (
<span>
{line}
<br />
</span>
);
})}
개행문자를 기준으로 split 한 다음 map을 돌려서 개행문자를 라인마다 적용시켜 표출해준다
보통 textarea로 작성하고 db에 바로 넣으면 \n으로 들어가는데, 이 경우에도 split 부분의 string을 \n으로 변경해주면 동일하게 동작한다.
'React' 카테고리의 다른 글
[ApexChart] React+TS에서 ApexChart 사용하기 (0) | 2023.10.12 |
---|---|
[React] tailwind 사용시에 emotion으로 스크롤바 커스텀하기 (0) | 2023.10.12 |
컴포넌트 하나로 수정,추가 모달 만들기 (0) | 2023.10.04 |