How to use the useContext React hook
Published Jul 22 2019
Psssst! The 2023 WEB DEVELOPMENT BOOTCAMP is starting on FEBRUARY 01, 2023! SIGNUPS ARE NOW OPEN to this 10-weeks cohort course. Learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much more! ✨
Check out my React hooks introduction first, if you’re new to them.
One React hook I sometimes use is useContext.
import React, { useContext } from 'react'This hook is used in combination with the React Context API.
In particular, this hook allows us to get the current context value:
const value = useContext(MyContext)which refers to the nearest <MyContext.Provider> component.
Calling useContext will also make sure the component rerenders when the context value changes.
I recommend you to read my Context API tutorial to know more about it.
made in Italy 🇮🇹 using 