codestates / codestates/Campbu
[Err Log] React render err (etc)/2022-01-12
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 3
- PR merge metrics
- No merged PRs in 30d
Description
# 어떤 에러인가요?
- 리뷰 배열의 인자로 객체가 들어있는데 그 초기값이 빈 객체로 설정되어있고, useEffect 내에서 서버로 부터 정보를 가져온후 setState를 통해 값이 변경되는데,
첫렌더링시 에러 발생
# 에러 메시지
```
[{
"resource": "/Users/hinyc/Desktop/codestates/Project/Campbu/client/src/pages/Mypage.tsx",
"owner": "typescript",
"code": "2339",
"severity": 8,
"message": "'{}' 형식에 'review' 속성이 없습니다.",
"source": "ts",
"startLineNumber": 225,
"startColumn": 31,
"endLineNumber": 225,
"endColumn": 37
}]
```
# 에러 핸들링 방법
- useEffect 내에서 setState가 실행되는데 콘솔을 통해 첫랜더링후, useEffect가 실행되는것을 확인하고 초기값의 문제인것을 파악.
- 초기 객체 데이터값에 키값 모두 표시후 해결
```
// 에러발생코드
const [getReviews, setGetReviews] = useState([{}]);
//에러 해결코드
const [getReviews, setGetReviews] = useState([
{
id: 0,
review: 'reviews[el.reviews_id + 1].review',
count: 0,
},
]);
```
# 에러 핸들링을 위해 참고한 레퍼런스 링크
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.