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 →

The useState Hook for State Management

Related