inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

LifeCycle API 소개 및 사용법 (ii)

componentDidCatch() 부분에서 크로쓰 오리진 에러가 뜹니다.

360

킹덤시즌2

작성한 질문수 1

1

componentDidCatch() 부분에서 저는 크로쓰 오리진 에러가 뜨네요... A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information. 뭐가 문제인지 알 수 있을까요? (코드 https://codesandbox.io/s/5klql536vk)

react javascript

답변 1

2

홍성민

 App 컴포넌트 마운팅 과정에서 호출되는 render에서 자식 컴포넌트인 MyComponent의 render를 호출하게됐고 그 과정에서 에러가 발생해서 마운팅을 성공하지 못하고 App클래스의 componentDidMount에서 getBoundingClientRect() 정보를 호출하니 이곳에서 에러가 발생한것 같습니다. 강사님 말로는 부모 컴포넌트에서 에러를 잡을 수 있다고 했으니 App컴포넌트에서 발생한 에러를 App 컴포넌트 내 componentDidMount  에서 잡는게 안되서 문제가 된것 같습니다. 

임시 방편으로 주석처리하면 우선 componentDidMount  에서 에러가 발생하지 않아 componentDidCatch호출이 가능했습니다.

// console.log(this.myDiv.getBoundingClientRect());

key is not a prop 에러에 대하여

0

697

1

App.js에서 handleCreate 함수 생성 시 오류

0

463

1

PhoneForem.js 파일에서 [e.target.phone] : e.target.value 해줘야하지 않나요?

0

406

1

firebase에서 db 데이터 값 가져오기 중...

0

532

1

강의 교재 받을 수 있나요?

0

438

0

라이프사이클 관련 질문

0

289

0

onClick = {smoe callback} 은 render 를 다시 호출 하나요?

0

225

0

동영상 하단에 링크가 없어요

0

314

0

var를 사용안한다 하셨는데

0

411

1

수강자료는 어디서 받나요

1

584

1

영상 링크가 변경된 것 같습니다.

10

440

0

계속 보고있지만 구동되는 방향성을 이해못하겠어요 ㅠㅠ.

0

280

0

리액트 virtualDOM 개념과 state 불변성 관련 개념이 어떻게 다른건지 궁금합니다.

0

229

0

npm 을 사용해서 create 하려니까 안되네요

0

262

0

배열안의 데이터 수정하기에서 12:19 화면 부분이 궁금해서 질문드립니다.

0

229

0

계속 PhoneForm.js 파일을 못읽는거같더니

1

267

0

this에 관해서 질문드립니다!!

0

334

1

배열 데이터 렌더링 및 관리파트에서 props로 값 가져올때 질문있습니다!

0

218

0

함수형 컴포넌트는 state를 어떤 식으로 정의하는지 궁금합니다.

0

417

1

0

343

1

import 질문

0

292

2

index.js 파일이 다릅니다

2

224

0

const {변수명} = ? 표현법

1

2862

1

create-react-app 오류 (Cannot find module './encoding/utf8')

0

277

0