inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React로 NodeBird SNS 만들기

Warning: React DevTools encountered an error: RangeError: Invalid array length

360

Jiyeol Lee

작성한 질문수 23

0

마지막 8섹션 최적화부분 강의 듣고 있는데요. PostCard에서 FollowButton 생성해서 분리하게 되면(당연히 코드는 제로초님이 하신 것과동일하게), 위와 같은 에러가 발생합니다.

나름대로 분석한 바로는 FollowButton 컴포넌트를 감싸는 memo를 사용하게 뒤면 위와 같은 경고가 발생하고, 

PostCard를 감싸는 memo(FollowButton은 memo로 감싸지 않고)를 사용하게 되면,

에러가 아예 하나 더 추가됩니다. 서비스가 동작은 하지만, 리액트 데브툴 경고때문인지 profiler는 쓸 수 없게 되더라고요. 

그렇다고 memo를 두 컴포넌트에 아예 사용하지 않으니 팔로우 버튼이나 좋아요 버튼 클릭하면 렌더링 최적화가 또 불가능해집니다.

어떻게 해결할 수 있을지 잘 모르겠습니다...

javascript react

답변 3

0

제로초(조현영)

앗 저도 저 링크 출처를 잊어버렸습니다. ㅠㅠ

0

Jiyeol Lee

그럼 3버전으로 한번 시도를 해보고싶네요. 저 때문에 공지 글 내리셔서 관련 글 볼수가없네요. 3버전 설치방법 링크 알려주시면 감사하겠습니다.

0

제로초(조현영)

제 생각에는 React Devtools 버그인 것 같습니다.

next 10 이상에서는 redux dev tool 구동이 안되나요?

0

272

1

세션 갱신 문의 건

0

484

7

배포 진행 후 Highlight updates components render 표시

0

445

1

똑같은 기능을 하는 테이블

0

448

4

관계형

0

312

2

프론트 서버를 이용하지 않는경우

1

299

3

인피니트 스크롤링 사용시 오류

0

278

0

계속 이런에러가 떠서 해결하기는 했는데 어떤 의미인지 모르겠습니다.

0

435

2

req.user가 언제 생성되나요??

0

330

2

Cannot read property 'id' of null 에러

0

333

1

리트윗한 게시글 불러오는 sequelize

0

252

1

result.data에서 images인 이유

0

281

2

takeLatest에 대한 질문입니다.

1

342

2

프론트에서 express를 사용하지 않을때 동적라우팅

0

501

6

getInitialProps가 클라이언트에서 수행되는 이유?

0

258

1

리로드하면 팔로우 언팔로우 값이 초기화 되는 문제입니다.

0

445

2

스타일드 컴포넌트와 className을 통한 스타일 적용의 차이에 대해 궁금합니다

0

585

2

할인 쿠폰 사용이 안되는되요 (848-f9af83f183e3)

0

365

1

nodejs mvc 패턴

0

976

4

사용하고 보니, 람다 구성이 궁금합니다!

0

266

1

제로초님

0

445

1

새로고침 로그인 풀림 문제.

0

247

1

안녕하세요. 강의 너무 감사합니다

0

157

1

제로초님

0

170

1