Para que serve o State? Leia mais: O que faz o useState

O useState , que permite a criação de estado no componente através de função e faz o gerenciamento do estado local do componente retorna um array como resultado. Por isso, é possível fazermos uma desestruturação para receber partes desse retorno. O array de retorno possui dois índices.
Leia mais
Para utilizar um state, você precisa importar o hook useState do react, e precisa executá-lo dentro do seu componente, passando um valor inicial. No exemplo abaixo nós inicializamos nosso state com o valor null. Ao executar o hook useState, você receberá um array com dois items: O valor atual do seu state.state representam os valores renderizados, ou seja, o que está atualmente na tela. Chamadas para setState são assíncronas – não confie que this. state vá refletir o novo valor imediatamente após chamar setState .

O que é o State de um componente
O estado de uma aplicação nada mais é que as informações armazenadas no nosso programa em um determinado tempo. Ao definirmos um componente contador, em um exemplo simples, o seu estado inicial é 0, e de acordo com que vamos mudando o seu valor, estamos então alterando o estado desse componente.



