How do I use the useContext hook in React?

How do I use the useContext hook in React?

The useContext hook allows you to access context values in your functional components. First, you need to create a context using React.createContext().

Can you show me a simple example?

Sure! First, create a context: const MyContext = React.createContext();. Then, wrap your component tree with MyContext.Provider and pass a value.

What if I want to update the context value?

You can use a state variable in the provider component and update it using a function. This way, any component consuming the context will re-render with the new value.

Is there a way to avoid prop drilling?

Yes! Using the useContext hook helps you avoid prop drilling by allowing you to access context values directly in any component that needs them.