에러 원인: Objects are not valid as a React child
"오브젝트,객체는 리액트 자식으로 유효하지 않습니다. " jsx 에서 문자열, 숫자 또는 React 요소와 같은 유효한 React 자식을 사용하여 랜더링할 수 있습니다. 하지만 이와같은 경우 유효한 React 자식이 아닌 객체를 직접 렌더링하려고 했기 때문에 오류가 발생했습니다.
발생 코드
10번 줄의 변수expenseDate에서 Date라는 객체 그대로 화면에 랜더링하고 자 했기 때문에 오류가 났습니다.
에러 해결 : 객체-> 문자열 변환
객체를 문자열, 숫자 또는 React 요소와 같은 유효한 React 자식으로 변환해준 뒤 랜더링 하면 됩니다.
Date 객체를 문자열로 변환하는 내장 메서드 toISOString() 으로 해결했습니다.
'react' 카테고리의 다른 글
| navigate 시 데이터 넘겨주기 (0) | 2023.07.13 |
|---|---|
| 재사용성 높은 공통 컴포넌트 제작기 (0) | 2023.07.08 |
| [ERROR]React Hook "useDispatch" cannot be called at the top level. (0) | 2023.04.29 |
| [React] 상태 관리 (Redux) (0) | 2023.04.24 |
| [react- redux ERROR]Expected the root reducer to be a function. Instead, received: 'undefined' (1) | 2023.04.24 |
