React useContext: How to Update Context from Child Component

Why useContext

  • empowers functional components
  • an alternative to using Redux
  • allows you to avoid “props-drilling”, which means that if you have a deep nesting of your components, you won’t have to pass the props all that way down

Context is well explained in the official React documentation, so I decided to go with rather a practical example.




Everything is unknown until it’s known. Self-learner.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Node.js Application Troubleshooting Manual — Correctly Enabling Chrome DevTools

3 JavaScript array manipulators

Overview of TypeScript and Types: Part 1

How to make an E-Commerce with Nuxt, Prismic and Snipcart in 2020

Control Value Accessor — Component As FormControl in Angular

Control Value Accessor

How to Pass Data Between React Components

HTTP vs WebSockets

How to create a dynamic search using Rxjs debounce custom hook in react

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


Everything is unknown until it’s known. Self-learner.

More from Medium

Easy Custom API Hook — React

Document Transition API — Creating a React Hook

Re-assigning a value to UseParams hook using useState hook.

A quick React intro.