← React Beginner Questions - Set 10 Q91

What is the purpose of the useContext hook?

React Beginner Questions - Set 10

Example

1
2
3
4
5
6

const CartContext = createContext({ items: [] });

function Badge() {
  const { items } = useContext(CartContext);
  return <span>{items.length}</span>;
}

What to notice

• Reads the nearest provider above; returns the default when there is none.