가수면

map으로 돌릴 때 데이터 타입 본문

React/React

map으로 돌릴 때 데이터 타입

니비앙 2022. 12. 5. 10:47

 

const data = [
  { id: 1, todo: '리액트 배우기' },
  { id: 2, todo: '노드 배우기' },
  { id: 3, todo: '자바스크립트 배우기' },
  { id: 4, todo: '파이어 베이스 배우기' },
  { id: 5, todo: '넥스트 배우기' },
  { id: 6, todo: 'HTTP 프로토콜 배우기' },
];

data.map으로 돌려서 붙이려면 위와 같은 형태를 갖춰야함.

 

변환하는 방법들

.then(data => {
      const meetups = []
      for (const key in data) {
        const meetup = {
          id: key,
          ...data[key]
        }
        meetups.push(meetup)
      }

      setLoadMeetups(meetups)
    })

빈 배열을 하나 선언해주고 스프레드 연산자를 이용해 배열을 만들어 사용.

'React > React' 카테고리의 다른 글

useMemo / useCallback  (0) 2022.12.10
리액트에서 모달창 띄우기  (0) 2022.12.07
useEffect  (0) 2022.12.02
props 비구조화 할당  (0) 2022.12.01
동적 렌더링  (0) 2022.11.29
Comments