Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Construir um Componente de Formulário Controlado | React Hooks e Context para Gerenciamento de Estado
Domínio do React

bookDesafio: Construir um Componente de Formulário Controlado

Tarefa

Neste desafio, será criado um componente Form com dois campos de entrada: email e password. O objetivo é utilizar o hook useRef para referenciar os elementos de entrada e gerenciar a lógica de envio do formulário.

Instruções

  1. Importe o hook useRef da biblioteca react.
  2. Dentro do componente Form, declare duas variáveis com useRef: emailRef e passwordRef, inicializadas com null.
  3. Redefina os campos de entrada atribuindo uma string vazia aos seus valores utilizando as variáveis criadas com useRef.
  1. Para importar o hook necessário da biblioteca React, inclua uma declaração import.
  2. Para esta tarefa, será utilizado o hook useRef para armazenar dados sem afetar o markup.
  3. Para determinar o nome apropriado da variável ref, escolha uma palavra associada à referência e adicione "Ref" ao final.
  4. Para inicializar a ref com null, passe null como valor inicial nos colchetes do hook useRef (por exemplo, useRef(null)).
  5. Para redefinir o campo do formulário, utilize a variável ref correspondente e atribua ao seu .current.value uma string vazia ("").

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.17

bookDesafio: Construir um Componente de Formulário Controlado

Deslize para mostrar o menu

Tarefa

Neste desafio, será criado um componente Form com dois campos de entrada: email e password. O objetivo é utilizar o hook useRef para referenciar os elementos de entrada e gerenciar a lógica de envio do formulário.

Instruções

  1. Importe o hook useRef da biblioteca react.
  2. Dentro do componente Form, declare duas variáveis com useRef: emailRef e passwordRef, inicializadas com null.
  3. Redefina os campos de entrada atribuindo uma string vazia aos seus valores utilizando as variáveis criadas com useRef.
  1. Para importar o hook necessário da biblioteca React, inclua uma declaração import.
  2. Para esta tarefa, será utilizado o hook useRef para armazenar dados sem afetar o markup.
  3. Para determinar o nome apropriado da variável ref, escolha uma palavra associada à referência e adicione "Ref" ao final.
  4. Para inicializar a ref com null, passe null como valor inicial nos colchetes do hook useRef (por exemplo, useRef(null)).
  5. Para redefinir o campo do formulário, utilize a variável ref correspondente e atribua ao seu .current.value uma string vazia ("").

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5
some-alt