컴포넌트 출력시 key 값 위치와 map형태로 짜는법이 있을까요?

Question

위의 데이터를 아래 이미지 형태가 출력되도록 코드를 짜보았습니다개발자 도구에서 키값을 넣으라는 에러가 출력이되면서 위치를 알려주는데 해당 위치에는 return(문만 있습니다.return (//개발자도구에서 알려주는 위치

{list.length !== 0 ? showRender() :

등록된 일정이 없습니다.

}

);아래 코드(showRender 함수)가 화면에 출력되는 형태로 출력해주고 있는 함수 입니다.여기에서

태그, , 에 각각 key값을 설정해봐도 그래도 오류가 출력이 되네요 const showRender = () => { const result = []; let tmpday = ""; for (let i = 0; i < list.length; i++) { if (tmpday !== list[i].DAY) { tmpday = list[i].DAY;// 이전 날짜와 비교 result.push(

{list.map((day) => tmpday === day.DAY ? ( ) : ( "" ) )}

); } } return result; };어디에 key값을 설정해야 개발자도구에서 key설정 오류가 출력되지 않을까요showRender함수를 for문과 map으로 구현해보았는데map 안에서 이전 날짜 데이터와 현재 날짜 데이터를 비교하는tmpday = list[i].DAY; 이건 사용할수가 없더라구요.for문대신 map으로만 화면에 출력하고 있는 형태로 구현할수 있을까요?

sena1402 · Answer

맵 안에 삼항연산자 false 일때 "" ->

정수리 · Answer

자체 해결하였습니다.

, key값을 설정하니 출력되지 않네요

컴포넌트 출력시 key 값 위치와 map형태로 짜는법이 있을까요?

2개의 답변

Q&A 목록