99% 에러잡기 시리즈/React2 [React 99% 에러잡기] Error: Object are not valid as a React child (found: object with keys{result}). if you meant to render a collection of children, use an array instead. 사건의 발단 CRA를 사용해서 React 개발 환경을 갖춘 뒤에 간단하게 '섭씨 온도'를 '화씨 온도'로 변경하는 계산기를 만들려고 했다. 섭씨 컴포넌트는 구현을 완료했고, 화씨 컴포넌트를 구현하던 중에 문제가 발생했다. 아래는 에러가 발생한 화씨 컴포넌트의 코드이다. 상위 컴포넌트로 부터 받은 데이터를 화씨 컴포넌트에서 출력하는 기능을 하는 소스 코드이다. const Fahrenheit=(props)=>{ return( 화씨 : {props} ) } 예상 외 전개 복잡하지도 않은 부분이었기 때문에 별 걱정이 없었다. 하지만, 화씨 컴포넌트 구현한뒤 확인한 브라우저는 된통 빨간색으로 도배되어 있었다...... *발 코드가 아예 200줄, 300줄이거나 로직이 복잡한 경우라면 그러려니 하면서 고치려 갔을거.. 2020. 5. 6. [React 99% 에러잡기] Expected an assignment or function call and instead saw an expression no-unused-expressions 나는 몰랐다. 이 Error 하나가 나에게 가져올 파장을 말이다. 1시간에 걸친 " ** 이게 왜 안돼지?"의 향연 끝에는 " *발 이래서 TypeScript를 쓰는구나" 라는 생각만이 남게 되었다. 더불어, .map() 메서드의 ( ) 소괄호 { } 중괄호 사용의 차이점에 대해서도 이번에 확실히 알게 되었다. Error Log Line 8:9: Expected an assignment or function call and instead saw an expression no-unused-expressions Search for the keywords to learn more about each error React Component Code const todoList = todos.map(({id,tex.. 2020. 3. 30. 이전 1 다음 반응형
