[220728]

useContext

• 컴포넌트 재사용이 어려워 진다.
• 전역적인 데이터 전달

context 생성

//UserContext.js
import {createContext} from react

export const UserContext = createContext(context에 아무것도 제공되지 않았을때 사용할 값)

context 에 data 제공하기

//App.js 
import {UserContext} from 'UserContext'

return (
	<UserContext.Provider value={제공하고 싶은 data}>
		<컴포넌트>
	</UserContext.Provider>

context 사용

import React, {useContext} from 'react'
import {UserContext} from 'UserContext'

const user = useContext(UserContext)