이번에 Context API를 사용할 때는 추후 Context의 값을 더욱 편리하게 사용할 수 있게 useUserContext라는 커스텀 Hook 함수도 만들어줬습니다. 앞으로 사용자 정보를 조회하고 싶을 때는 이 함수를 바로 불러와 다음과 같이 사용하면 됩니다.

import {useUserContext} from '../contexts/UserContext';

function SomeComponent() {
  const {user} = useUserContext();
}

UserContext를 다 만들었으면 App에서 사용해주세요.

App.js

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import RootStack from './screens/RootStack';
import {UserContextProvider} from './contexts/UserContext';

function App() {
  return (
    <UserContextProvider>
      <NavigationContainer>
        <RootStack />
      </NavigationContainer>
    </UserContextProvider>
  );
}

export default App;