โ† flaviocopes.com

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.



I write books for developers ๐Ÿ‘‡๐Ÿผ

© 2023 Flavio Copes Flavio Copes made in Italy ๐Ÿ‡ฎ๐Ÿ‡น using Notion to Site Notion to Site