inflearn logo
강의

講義

知識共有

誰でもできるReact:初心者のためのReact核心講座

LifeCycle API の導入と使用法 (ii)

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

363

kw87991856

投稿した質問数 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

honggasm1244

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

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

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

React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.

0

34

1

key is not a prop 에러에 대하여

0

719

1

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

0

479

1

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

0

412

1

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

0

547

1

강의 교재 받을 수 있나요?

0

441

0

라이프사이클 관련 질문

0

300

0

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

0

230

0

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

0

318

0

var를 사용안한다 하셨는데

0

426

1

수강자료는 어디서 받나요

1

597

1

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

10

451

0

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

0

283

0

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

0

233

0

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

0

269

0

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

0

233

0

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

1

275

0

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

0

344

1

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

0

222

0

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

0

419

1

0

351

1

import 질문

0

299

2

index.js 파일이 다릅니다

2

226

0

const {변수명} = ? 표현법

1

2873

1