O que é o estado no React e para que serve?

O estado no React é um objeto que armazena os dados do componente que influenciam a sua exibição e comportamento. É necessário para que os componentes possam reagir às mudanças nos dados e atualizar a interface de forma dinâmica.

Por exemplo, se tiver um botão que muda de texto ao clicar, o estado armazena o texto atual e, ao atualizar o state, o React re-renderiza o componente:

import React, { useState } from 'react';

function Example() {
  const [text, setText] = useState('Clique em mim');

  return (
    <button onClick={() => setText('Obrigado!')}>{text}</button>
  );
}

Assim, o estado permite criar interfaces interativas e dinâmicas.