Build a Wizard Component using useState React Hooks

Share this video with your friends

Send Tweet

We will create a simple component that acts as a Wizard or Multi Step, a component that allow to navigate among the children items rendering just one at a time. The navigation is done by using button to go back and forward.

This implementation requires to handle a simple state that define what element should be rendered: an index.

In this example we can see the use of useState and how to use the functional form of the updater function to access the actual state and update it.

This lesson is a Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.