map()을 사용할 때, 쉼표(,)가 출력되는 문제

문제

redux 공부 중 contents를 map()돌려 리스트를 작성하는데 쉼표(,)가 함께 출력됨
검색해 보니 나와 완전 똑같은 상황이신 분의 블로그를 발견함 ㅎㅎ 감사합니다

 state.contents.map((data) => 
       `<li><a href="${data.id}.html">${data.title}</a></li>`
       );

해결

문자열로 이루어진 배열에 map()을 돌려 새 배열을 반환할 때 자동으로 쉼표(,)가 붙어서 리턴이 된다고 한다! join("")로 빈 문자열을 추가해서 쉼표를 없애 주어 간단하게 해결함

state.contents.map((data) => 
      `<li><a href="${data.id}.html">${data.title}</a></li>`
      ).join("");

도움받은 블로그
https://takeknowledge.tistory.com/139
https://stackoverflow.com/questions/45812160/unexpected-comma-using-map