[React] MongoDB setState undefined 현상 해결

이 앞에서 console.log가 두 번 찍히는 현상에 대한 포스팅을 했다.
console.log() 두 번 찍히는 현상 포스트

✍요약

간략하게 요약을 하자면 MongoDB의 값을 가져와서 그 값으로 setState를 해 준 후 state값을 props로 하위 컴포넌트에 넘겨 렌더링 해주는 코드를 작성 중, 하위 컴포넌트에서 undefined 오류가 났다.

👍해결

해결 방법은 아주 간단했다.
하위 컴포넌트에 값을 넘겨주는 코드에 state 값이 있는지 없는지를 체크해주면 되는 것이었다.
(하위컴포넌트를 Component, state값을 state라고 해보자)

{state && <Componenet p={state} />}

위 코드는 state값이 있을 때 뒤의 코드(하위 컴포넌트)를 실행하는 것이다.

🙌결론

이번에 제대로 한번 삽질을 했다. 나는 삽질을 좋은 의미로 생각한다. 앞으로는 이런 오류를 반복하지 말아야지..!