`Hook-ul useState în React` în React & Next.js

Ghid complet pentru hook-ul useState în React: declararea stării locale, actualizări funcționale, inițializare leneșă și imutabilitatea stării.

Sintaxă

const [state, setState] = useState(initialValue);

Hook-ul useState este fundamentul oricărei stări locale într-o componentă React. Permite declararea unei variabile cu stare și a unei funcții de actualizare care declanșează re-randarea componentei atunci când valoarea se modifică.

Utilizarea Corectă cu Actualizare Funcțională

import { useState } from 'react';

export function Counter() {
  const [count, setCount] = useState(0);

  // Actualizare funcțională recomandată când noua stare depinde de starea anterioară:
  const increment = () => setCount(prev => prev + 1);

  return (
    
  );
}