React ) \n 을 <br />태그로 렌더링하기

api로 받은 데이터에 \n이 포함되어있는데, 받은 그대로 렌더링을 하면 줄바꿈이 되지 않는다. 그럴 땐 \n을 기준으로 split하여 배열을 생성하고, 렌더링 하면된다.

{
  res.desc.split('\n').map((data) => {
     return (
        <span>
          {data}
          <br />
        </span>
    );
  }
}