Acompanhar o status de um aplicativo é como um aplicativo de página única (SAP) registra as alterações e as relata ao usuário. Ao contrário de uma estrutura de modelo, visualização, controlador (MVC), o SAP não redireciona o usuário e, portanto, precisa de uma maneira de gerenciar as alterações futuras no lado do cliente. Para revisar as estruturas MVC, consulte este guia.
No React, os próprios componentes podem lidar com seu próprio estado e reaparecer de acordo. Isso é feito por meio de métodos de ciclo de vida, que são discutidos em profundidade aqui. Para os propósitos deste artigo, veremos como alterar estados usando setState.
Este guia pressupõe alguma familiaridade básica com o React. Para revisar ou aprender os conceitos básicos do React, este artigo lista alguns dos melhores recursos de aprendizado do React.
O que é o React setState?
O método setState do React é como mudar o estado de um componente com estabilidade. Existem algumas regras específicas para alterar o status no React.
- setState não pode ser chamado em um componente de classe. Os componentes da classe chamam o método construtor ()
e definem um estado inicial. Então podemos mudar o estado mais abaixo chamando setState.
Existem dois tipos diferentes de componentes no React. É o componente funcional e o componente de classe. Para nossos propósitos, estamos falando apenas com os componentes da classe. Para uma visão mais detalhada deste artigo sobre as diferenças entre componentes funcionais e de classe. - Ao chamar apenas setState em um componente de classe, podemos nos referir diretamente ao próprio componente usando a palavra-chave this. Chamar
this.setState()
é uma prática recomendada e garante que seu código não seja interrompido. - Não modifique o status diretamente. A mudança de estado direta não será registrada no React to Spawning. O objetivo principal da mudança de estado é acionar uma nova interpretação desse componente para refletir as alterações feitas ao usuário.