velopert / react-tutorial

벨로퍼트와 함께하는 모던 리액트 튜토리얼 문서
https://react.vlpt.us/
350 stars 101 forks source link

4. TypeScript 와 Context API 활용하기 · GitBook #57

Open utterances-bot opened 4 years ago

utterances-bot commented 4 years ago

4. TypeScript 와 Context API 활용하기 · GitBook

https://react.vlpt.us/using-typescript/04-ts-context.html

jung-hunsoo commented 4 years ago

SampleStateContext를 정의할 때, createContext<State>({count: 0, ...}) 식으로 기본값을 지정 해 주고, useSampleState(): State {...} 으로 return type을 정의 해 주면, null check를 하지 않아도 됩니다.

마찬가지로 SampleDispatchContext를 정의할 때, createContext<SampleDispatch>(() => null)로 해 주고 useSampleDispatch(): SampleDispatch {...}으로 return type을 정의 해 주면, null check가 필요하지 않게 됩니다.

Yuddomack commented 2 years ago

꼭 null check가 필요하진 않겠지만 Provider의 영향 범위를 벗어난 곳에서 context를 소비하는 커스텀 훅을 잘못사용하게 될 경우를 인지시켜주는 측면에서 null 체크를 통한 예외 발생도 유효할 것 같아요~ (개인적인 의견입니다~)