Context API

What is Context API?

Context is a state management method used to share data between components without having to pass props down manually. We create a global context object, which can be used by any component in the application. React offers a built-in context object.

Let’s look at the different parts of the context API.

Let’s look at the different parts of the context API.

Context API components

• createContext: This method is used to create the context object. It takes a default value as an argument. This default value is returned when the consumer of the context does not provide a value.

• useContext: This method is used to access the context object. It is used in the component that needs to access the object.

• Provider: The components inside the Provider wrapper have access to the context.