The useState Hook for State Management

Snippet

The useState Hook for State Management

The useState hook allows functional components to maintain their own internal state. It returns an array with the current value and a function to update it.

snippet.js
javascript
import { useState } from 'react';
 
function Counter() {
  const [count, setCount] = useState(0);
  return <p>Count: {count}</p>;
}

react

Breakdown

import { useState } from 'react';

Imports the state hook from the React library.

const [count, setCount] = useState(0);

Initializes count at 0 and provides setCount to change it.

Previous snippet Next snippet

More Beginner JavaScript exercises →

From your library

The useState Hook for State Management

Related