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.
Download my free React Handbook, and check out my upcoming Full-Stack JavaScript Bootcamp! A 4-months online training program. Signups now open, until June 1!.