inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

swr상태관리시 다른 컴포넌트 리렌더링 하는방법 문의

해결된 질문

529

TaeHoon Kim

작성한 질문수 3

0

안녕하세요.
 
swr관련 문의 드립니다.
local state를 관리하는 용도로 swr을 사용해보고 있습니다.
컴포넌트 구조는 Main아래 Overview아래 OverviewDut라는 컴포넌트를 두고있는데요.
Main에서 Socket.io를 통해서 받아온 데이터를 OverviewDut에서 사용하려고 합니다.
swr에서 관리하고 있는 값은 제대로 변경되고 있는데요. OverviewDut컴포넌트의 리렌더링이 되지 않습니다.
 
부모컴포넌트에서 swr의 상태가 바뀐경우 자식컴포넌트에서 리렌더링이 필요한 경우에 대해 문의드립니다.
 
[useDuts.js]
[Main.jsx]
[OverviewDut.jsx]

swr babel react Socket.io 웹팩 typescript 클론코딩

답변 4

0

TaeHoon Kim

Main.jsx에서 mutate부분이 문제였습니다.

newDuts와 duts같은 주소값이기 때문에 mutate가 동작하지 않은 것 같습니다.

아래와 같이 깊은복사하여 해결하였습니다.

감사합니다!

0

TaeHoon Kim

바뀌는것은 확인했습니다.

 

0

제로초(조현영)

지금 코드 보니까 mutate()  비어있네요. mutate(_duts) 해보세요

0

TaeHoon Kim

말씀하신대로 해보아도 리렌더링이 되지 않습니다..

0

TaeHoon Kim

useDuts hooks를 살펴볼 때에도 data가 변하는 것이 감지되나요?

이 말씀이 잘 이해가 되질않습니다..ㅠ

react devtools의 Component탭에서 OverviewDut를 선택까지는 했습니다.

hooks를 살펴보는 방법과 data가 변하는 것이 어떻게 감지되는것인지 잘 모르겠습니다.

0

제로초(조현영)

컴포넌트 트리 우측에 안에 훅들이 여러개 달린 게 보이지 않나요? 거기서 훅에서 리턴한 값이 보이실거고 그게 바뀌는 것도 보실 수 있습니다.

0

제로초(조현영)

react devtools의 Component 탭에서 OverviewDut를 선택해보시고, useDuts hooks를 살펴볼 때에도 data가 변하는 것이 감지되나요?

기본 셋팅과 관련하여

0

105

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

108

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

162

2

useEffect 개수 관리

0

121

2

라이브러리 서치 방법

0

116

2

함수 정의 패턴

0

79

1

npm run dev 에러

0

155

3

npx webpack 후 에러

0

184

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

148

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

185

2

초기세팅중 packge.json 에러떠요

0

160

2

CORS - Access-Control-Allow-Origin 누락 문제

0

439

3

로그인 페이지 무한 새로고침 현상

0

605

2

Module not found: Error: Can't resolve './App' 에러

0

964

1

배포 방법

0

302

2

npm run dev 시 빌드가 매우 느려졌습니다

0

1004

2

alias 경로 설정 오류

0

459

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

281

1

제네릭 질문

0

223

2

ts-node 대신 tsx 사용여부

0

377

1

배포 관련 질문

0

249

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

391

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

340

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

250

2