인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

이원현님의 프로필 이미지
이원현

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

12.11) Home 페이지 구현하기 2. 기능

context 분리

해결된 질문

작성

·

47

0

안녕하세요! 강의 잘 수강하고 있습니다.

강사님 코드를 따라하면서 하고 있는데,

image.png

사진처럼 eslint에서 context를 따로 파일로 분리하여 관리하는 것을 하는 경고 메시지가 떠서 질문 드립니다.

그래서 제가 context를 분리하려고 구글링을 해봤는데 잘 되지 않아서 혹시 분리는 어떻게 하면 될지 질문드립니다!

답변 1

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

Context 별로 파일을 분리해 관리하고 싶으시다면

다음과 같이 해당 Context를 별도의 파일을 생성한 다음 정의해서 내보내주시면 됩니다.

// diary-state-context.tsx
export const DiaryStateContext = React.createContxt();
// diary-dispatch-context.tsx
export const DiaryDispatchContext = React.createContxt();

그러나 이런 컨텍스트 객체들은 복잡한 동작을 정의하거나 커스텀 훅 등을 사용하고 있지는 않기 때문에 별도의 파일로 분리하는 작업이 불필요할 수 있습니다.

이원현님의 프로필 이미지
이원현

작성한 질문수

질문하기