codestates / codestates/Podo

[:space_invader:Error] Client_React: Objects are not valid as a React child 에러

Open
#216 0 comments 0 reactions 1 assignee Claimed by @LauraBoraKim View on GitHub
Error Handling Log
Dominant language
JavaScript
Stars
0
Forks
2
PR merge metrics
No merged PRs in 30d

Description

**에러를 상세히 작성하세요**
Store의 state.party를 사용할 때 아래와 같은 에러 발생
![스크린샷, 2021-12-10 23-02-31](https://user-images.githubusercontent.com/50609368/145603000-670c5664-3590-4abe-8e56-927fccd0d38b.png)

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

**에러를 어떻게 해결했나요r**
구글링 후, Store의 state 객체를 통째로 화면에 뿌릴 경우 이러한 에러가 발생함을 알게 되었고
꼭 state의 키 값을 통해 **React component에 렌더링하여 표시할 데이터가 String, Number 등의 원시타입 데이터인지** 확인하며 코드를 작성해야 한다는 것을 알게 되었다.

**검색 키워드와 도움이 된 레퍼런스를 작성하세요**
https://velog.io/@bigbrothershin/React-Objects-are-not-valid-as-a-React-child-%EC%97%90%EB%9F%AC-%EC%B2%98%EB%A6%AC

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.