객체 데이터에 map 적용 하기

문제점

restAPI에서 데이터를 패칭했는데, 이렇게 객체로만 되어있었다....

리스트를 뽑아야되는데, 배열이 아니라 맵을 돌릴 수 없는 상황......

방법

Object method(자세한 설명은 링크에)를 사용하면 된다.

1. 객체로 된 data를 a라는 변수에 담아 불러온다.
2. Object 매소드를 쓴다(key만 필요했기때문에 object.key를 써주었다)

  let uid = Object.keys(a).map((el) => {
    return el;
  });

3. 콘솔을 찍어보면
   
   이렇게 배열 형태로 잘 나온 것을 확인할 수 있다!

4. map 돌리면

 {uid.map((el, i) => (
          <div key={i}>
            <span>{i}</span>
            <span>{el}</span>
          </div>
        ))}

아직 데이터 추출만 한 상태이지만

이렇게 필요한 데이터를 페칭할 수 있다.

😄