map 메서드 key 설정

📘 일기장

• Warning

  리스트에 있는 각각의 요소들은 반드시 고유한 키 prop을 받아야 한다.
  

• 수정 전 코드

      <div>
        {diaryList.map((it) => (
          <div>
            <div>작성자 : {it.author}</div>
            <div>일기 : {it.content}</div>
            <div>감정 : {it.emotion}</div>
            <div>작성 시간(ms) : {it.created_date}</div>
          </div>
        ))}
      </div>

• 수정 후 코드

      <div>
        {diaryList.map((it) => (
          <div key={it.id}>
            <div>작성자 : {it.author}</div>
            <div>일기 : {it.content}</div>
            <div>감정 : {it.emotion}</div>
            <div>작성 시간(ms) : {it.created_date}</div>
          </div>
        ))}
      </div>

• Warning이 사라짐