Shared State를 쓰는 대신에 커스텀 훅을 쓰면 되지 않나요?
254
작성한 질문수 4
둘의 차이가 뭔지 모르겠습니다...;
답변 3
1
네, 맞습니다.
조금 더 명확하게 설명하자면,
커스텀 훅은 반복되는 로직을 재사용하기 위해서 별도의 훅으로 만들어서 사용하는 것이고,
Shared State 부모 컴포넌트에 있는 state를 하위 컴포넌트들이 공유해서 사용하기 위한 것입니다.
감사합니다.
1
안녕하세요, 정상구님. 소플입니다.
Shared State는 하위 컴포넌트들이 공통적으로 사용하는 state를
공통된 상위 컴포넌트로 올려서 공유하는 개념입니다.
그리고 어떤 형태의 커스텀 훅을 말씀하시는 것인지는 자세히 모르겠지만,
Hook은 함수 컴포넌트에서 state를 사용하거나, effect함수를 실행하는 등의 목적으로 사용하는 것입니다.
결론적으로 Shared State는 state를 사용하는 방법에 관한 것이고,
Hook은 함수 컴포넌트에서 부가적인 작업들을 수행하기 위한 것이라고 말씀드릴 수 있겠습니다.
감사합니다.
0
커스텀 훅은 함수 콤포넌트들이 중복으로 사용하는 훅(useState, useEffect)을 공유하게 해서 코드를 간결화 하는 것이고(평등한 관계에서의 공유),
Shared State는 state를 상위 콤포넌트에 넣어 하위 컴포넌트들이 공유한다는 차이가 있는 거군요?(상하 관계가 있음)
강의가 삭제되었다고 합니다
0
134
1
이거 왜 존재하지 않는다고 뜨는건가요
0
150
1
존재하지 않는 수업이라고 떠요
0
195
1
안드로이드 에뮬레이터 오류
0
113
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
143
1
prevIsConfiromed 질문
1
154
2
chapter14 잘이해가 되지않습니다..
1
150
2
2025년 3월 리액트버전
1
217
2
npm 설치 오류
1
197
1
chapter_07 콘솔로그 질문드려요~!
1
139
2
안녕하세요 미니블로그 실습 질문드립니다.
1
192
3
에러가 떠요
1
231
3
Chapter6 질문 드립니다
1
221
2
실습 코드 있을까요?
1
219
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
247
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
321
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
150
1
버튼이 안 뜹니다
0
313
2
npx create-react-app my-app
1
478
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
388
3
Chapter_05 터미널, 리액트 에러
0
201
2
npx create-react-app my-app 명령어 반응없음
1
439
3
import 코드 에러
1
217
1
백틱
1
126
1