[React] Error: Objects are not valid as a React child

Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.

React component를 렌더링할 때, 데이터를 화면에 표시하려면 표시하려는 데이터 타입에 맞는 데이터를 넣어주어야 한다. 컴포넌트로 전달된 데이터와 표시하려는 데이터의 타입이 일치하지 않으면 다음과 같은 에러가 발생한다.

---

직역해보자면,

리액트는 참 친절하게 알려준다,,,

그래서 에러 해결 방법은

-> props에 중괄호 해주면 해결된다.

문제의 코드

해결방법