# Hooks de estado no React > [!NOTE] Hooks de estado no React > Hooks de estado no [[React]], como o `useState()`, são funções que permitem que componentes de função gerenciem e persistam dados internos que podem mudar ao longo do tempo, ou seja, o "estado" do componente. Antes dos Hooks, essa funcionalidade era exclusiva dos componentes de classe. Com `useState()`, um componente de função pode declarar uma variável de estado e obter uma função para atualizá-la, fazendo com que o componente seja renderizado novamente com o novo valor, tornando o desenvolvimento de componentes mais simples e direto. **:: Referência ::** [Built-in React Hooks – React](https://react.dev/reference/react/hooks) # Notas `useState()`: Permite adicionar estado a componentes de função. Retorna um par: o valor atual do estado e uma função para atualizá-lo. ```jsx import React, { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); // Inicializa count com 0 return ( <div> <p>Você clicou {count} vezes</p> <button onClick={() => setCount(count + 1)}> Clique aqui </button> </div> ); } ```