0922

리액트 공부!
상태 업뎃할때, 주기적으로 발생하는 이벤트에
맵, for loop 지양
-> 대안, 오브젝트 형태로 관리 (키, 값(오브젝트로 저장)

이전상태의 데이터에 기반해서 무언가 업뎃할 때,
컴포넌트 안에 있는 state를 이용해서 업뎃하면
업뎃하는 시점의 state가 오래된 것일 수도 있음
(동기적으로 불가할 때가 있다)
-> setState 호출당시에 상태를 가져와서 업뎃

   const updateCard = card => {
        const updated = {...cards};
        updated[card.id] = card;
        setCards(updated)
    }

적용 후

    const updateCard = card => {
        setCards(cards => {
            const updated = {...cards};
            updated[card.id] = card;
            return updated
        })
    }

컴포넌트 프롭으로 만들어 넘기기 가능

dependency injection skills