Nesta dica mostrarei como podemos atualizar o estado de componentes em React usando a função setState(). Neste exemplo que abordo a criação de componentes usando class. Em outras dicas eu abordo a realização desta tarefa usando componentes criados usando funções (componentes funcionais).
Veja que no construtor da classe App nós já acessamos o estado da classe e definimos o valor 0 para a variável contador. Em seguida temos um função chamada incrementar() que incrementa o valor do contador. Para finalizar nós chamamos a função incrementar() a partir do clique de um botão.
Veja o código completo para a classe App.js:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
E agora o código para o arquivo index.js:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
E, finalmente, aqui está o arquivo index.html no qual a aplicação React é carregada:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
|
Link para compartilhar na Internet ou com seus amigos:
