Learn React Hooks

Implementing multiple Hooks

In order to implement multiple Hooks, instead of having a single global variable, we should have an array of Hook values.

We are now going to refactor the value variable to a values array so that we can define multiple Hooks:

1. Remove the following line of code:

let value

Replace it with the following code snippet:

let values = []let currentHook = 0

2. Then, edit the first line of the useState function where we now initialize the value at the currentHook index of the values array:

    if (typeof values[currentHook] === 'undefined') values[currentHook] = initialState

3. We also need to update the setter function, so that only the corresponding state value is updated. Here, we need to store the currentHook value in a separate ...