Curso React: useState na prática - #10

Показать описание

No vídeo de hoje você vai aprender um dos hooks mais importantes do #React, o #useState

Vamos utilizá-lo para manipular o estado de um dado e conseguir realizar operações como eventos para definir o state, e depois resgatar o state

▶ Instagram: @horadecodar

Рекомендации по теме

Комментарии

Nesse exemplo, o useState é usado para criar um estado chamado 'nome' e inicializá-lo como 'undefined'. A função 'setNome' é usada para atualizar o valor desse estado.

Quando o usuário digita algo no campo de input e aciona o evento 'onChange', a função '(e) => setNome(e.target.value)' é chamada. O evento 'onChange' é acionado sempre que o valor do campo de input muda. O parâmetro '(e)' representa o evento em si e contém informações sobre ele, como o valor digitado no campo de input.

Dentro da função '(e) => setNome(e.target.value)', estamos usando 'e.target.value' para obter o valor digitado no campo de input e passá-lo para a função 'setNome'. Assim, o valor do estado nome é atualizado com o valor digitado pelo usuário.

Quando o formulário é enviado, a função 'cadastrarUsuario' é chamada. Nesse exemplo, estamos apenas imprimindo no console uma mensagem com o valor atual do estado nome.

Dessa forma, o useState permite armazenar e atualizar o valor digitado pelo usuário no campo de input, mantendo-o acessível para outras partes do componente ou para ser usado em outras funcionalidades.

leonardodornelles

Aqui já fica um pouco mais complicado, porém a aula é muito boa, consegue entender bem. Como ele mesmo diz que irá praticar mais pra frente, vamos pras próximas aulas.

henriquenunes

Não precisa pedir por like. Sei que vem coisa boa. Dou like ante mesmo de assistir. Nunca me enganei. Mais um vídeo top.

ednilsonaraujo

OOOUSH, então useState é como se fosse o do javascript puro, React é muito massa mano namoral haha

Josue-prtc

com certeza esse é o melhor curso gratis de react, comecei hoje e ja estou na aula 10 parabens professor 🤩

thiagomoura

Primeiro curso de react que posso dizer que nao tenho o que reclamar! Espero que tenha mais alcance.

nadynebarbieri

Tive dificuldade para entender mesmo com a tua boa didática, assisti 5 vezes pra absorver. Kkkk mas aprendi. Muito obrigada!

ernestinacarneiro

Acredito que para vc entender React bem, tem que ter uma boa base dos fundamentos de Js, acredito que o aprendizado fica mais fácil, não precisa dominar o Js para começar apenas saber os fundamentos.

GabrielRibeiro-eciu

Seria como uma caixa vazia, que armazena um valor, e que vc pode abrir e mudar esse valor sempre que precisar. Quando você usa useState(' '), está criando no caso do vídeo uma caixa chamada name que começa vazia (ou seja, contém uma string vazia ''). Para colocar um valor na caixa, você usa setName(' ') no caso do vídeo setName recebe um valor do input. Isso muda o que está dentro da caixa para o valor do input.

GabrielRibeiro-eciu

vou assistir mais 3x pra consolidar na mente .Boa aula

noturno

Cara seu conteúdo é incrível. Estou fazendo o curso de react do foguetinho e sinceramente o cara fala tão rápido que não entendo metade e não adianta nem diminuir a velocidade porque o som fica todo torto. Ai venho aqui, encontro você com esse conteúdo perfeito, de graça e com uma didática perfeita para dar aula. Finalmente consegui entender o useState, como usa e pra que serve.
Aprender com você está sendo aprender sem dor pela primeira vez na minha vida
Obrigada amigo, você é um amigo

ticia_games

Mano... eu quero aprender React para construir aplicações WEB(frontend) pra depois começar a estudar React Native pois dizem que é obrigatório começar pelo React então estou aí na luta. Mano obrigado mesmo pelo seu esforço em ajudar os outros a aprender uma coisa tão maravilhosa que é o desenvolvimento de software e aplicações como nesse caso.. apps web.

birutasteps

Paguei um curso e o cara ensina tudo atropelado, o Matheus Battisti ensina e bem explicado. Parabens!

valdooliver

Parabéns pelas aulas, aprendi React em um curso pago, porém o seu tem uma didática e exemplos muito melhores! Estou gostando bastante do seu conteúdo!

a.s.julian

Comecei no react assisstindo tutoriais, nenhum deles explicava o que realmente estava acontecendo. Agora estou entendendo tudo. Valeu pelo seu conteúdo.

danielsantin