html-react-parser

✨참고 npm
https://www.npmjs.com/package/html-react-parser

API에서 가져온 문자열에 줄바꿈을 적용하고 싶을 때 html-react-parser를 사용하면 된다.

json 파일에서 줄바꿈을 하고 싶은 부분에 <br/> 태그를 넣어주고,
{Parser(data.info)}로 불러오면 줄바꿈을 할 수 있다.

<json 파일>

[
    {
        "id" : 1,
        "img" : 
        "info" : "ultricies felis<br/>nunc laoreet<br/>sodales donec"
    }
]

<React 파일>

dummy.map(data => {
    return (
        <div key={data.id} className={`${style.wrap}`}>
            <img src={data.img} alt="" />
            <p>{Parser(data.info)}</p>
        </div>
    )