Learn React Hooks

Implementing the ChangeTheme component

The final part of our theme feature is a component that can be used to change the theme dynamically, by making use of the State Hook that we defined earlier. The State Hook is going to re-render the App component, which will change the value that is passed to the ThemeContext.Provider, which, in turn, is going to re-render all the components that make use of the ThemeContext Context Hook.

Let's start implementing the ChangeTheme component:

1. Create a new src/ChangeTheme.js file.
2. As always, we have to import React first, before we can define a component:

import React from 'react'

3. In order to be able to easily add new themes later on, we are going to create a constant THEMES array, instead of manually ...