Let us first understand state in React.
State can be imagined as the data or property that is used within an application. These data/property values would likely change over time and the State hook in React helps us track & manage the changing states.
To use the State hook, we need to import it as shown below:
import React, {useState} from 'react'
We can then invoke useState() inside the component function and pass an initial state(this value can be any type such as string, number or object) as an argument:
const [count, setCountValue] = useState(0);
The useState() hook returns an array, where the first element corresponds to the current state and the second element is a function that allows us to update the current state.
Let’s get building 🏗️
Consider the code for a simple counter functionality –
import React, {useState} from 'react'
const App = () => {
const [count, setCountValue] = useState(1)
const decrement = () => {
setCountValue(prevState...