1. 문제 현상

---

• 배열에 담겨진 diary나 comment 데이터와는 달리 user 정보는 객체안의 객체 형태로 담겨져 있어서 map 메서드를 사용할 수 없었다.

• diary, comment 데이터
  

• user 데이터
  

2. 문제 원인

---

• 그래서 콘솔창에 출력해보니 객체 안에 data 객체 안쪽으로 접근해야 value에 접근할 수 있을 것 같았다.

3. 문제 해결

---

• data의 value 값만 리턴하는 Object.values() 메서드로 user 데이터가 담겨있는 userData state에서 data의 value 값에 접근할 수 있었다.

{Object.values(userData).map((value: any) => {
  return <MyInfo list={value} key={value.userId} getUserData={getUserData} />;
})}
</InfoContain

참고

• Key:Value형태인 Object에 map 함수 사용하기