Você já ouviu falar de State
na biblioteca React JavaScript, mas não sabe como usá-lo? Estado refere-se à "forma como cada objeto aparece em uma página da web". " O conceito é simples - é uma coleção de dados sobre o estado atual do componente, que pode ser alterado modificando os dados descritos. Sempre que os dados mudam, eles são exibidos novamente na tela do computador. A parte mais difícil da condição é saber como e quando usá-lo. Mas não se preocupe porque este tutorial explica como o estado é usado.
Para dar uma visão geral rápida, para definir o estado inicial, você usa this.state
em um construtor JavaScript. Para atualizar o estado, use o método setState
. Falaremos mais sobre estado e formas de usar estado neste tutorial.
O que é React State?
React state é um objeto com um conjunto de propriedades designadas para um componente e isso ajuda na forma como o componente é renderizado.Um componente com state
é chamado de stateful. Você geralmente usa se um componente precisar rastrear informações sobre ele entre as marcas.
Um exemplo seria um componente de botão "curtir" que precisa acompanhar o número ber de vezes que clica. Isso deve reaparecer na tela toda vez que o botão for pressionado, como se para exibir o número atualizado de curtidas. E para isso, temos que ter certeza de que o botão como componente segue a informação, em vez de repetir a informação que codificamos várias vezes. Afinal, você não quer perder essas pessoas.
Os dados de estado de um componente podem ser acessados via this.state
e editados usando o .setState
método. O estado é privado porque não pode ser alterado pelo componente que contém o estado
Muitas pessoas confundem estado com acessórios, outro objeto da reação, mas há importantes diferenças entre os dois. Uma delas é que o estado é dinâmico, o que significa que os dados que ele contém podem mudar e assim afetar o comportamento do componente. Os adereços, por outro lado, são imutáveis, o que significa que "seu estado não pode mudar depois de construído."