< Return to Video

WEB CAP16 2025 VA05 REACT HOOK USEEFFECT

  • 0:08 - 0:11
    Wheel Effect é um tipo de rookie
    muito versátil.
  • 0:11 - 0:14
    Uma de suas funções
    é o efeito colateral.
  • 0:14 - 0:16
    Vamos ver como funciona.
  • 0:16 - 0:19
    No projeto
    temos a seguinte estrutura
  • 0:20 - 0:22
    Na pasta components.
  • 0:22 - 0:23
    Exemplo dois
  • 0:23 - 0:26
    Nosso componente Exemplo
    dois com a primeira letra maiúscula.
  • 0:26 - 0:29
    JSX a sua extensão,
  • 0:29 - 0:32
    temos a seguinte estrutura.
  • 0:32 - 0:35
    Estamos importando o que é chamado
    Youse
  • 0:35 - 0:39
    e na verdade ele ajuda o e os effect
    a memorizar
  • 0:40 - 0:43
    o que ele vai fazer como colateral.
  • 0:43 - 0:46
    Nesse exemplo,
    nós temos aqui uma função
  • 0:47 - 0:49
    que está recebendo
  • 0:49 - 0:52
    uma constante selecionar Ref.
  • 0:52 - 0:56
    Então, aqui é uma variável
    selecionar e ultrapassando e uso EF
  • 0:57 - 1:00
    vazio. Embaixo eu estou criando
  • 1:00 - 1:03
    o meu e usei effect,
    que é o efeito colateral.
  • 1:03 - 1:08
    É uma função que eu estou recebendo
  • 1:08 - 1:11
    uma variável.
  • 1:11 - 1:15
    CL elemento E aqui
  • 1:15 - 1:18
    esse série realmente está recebendo
    o que o meu uso RF guardou.
  • 1:19 - 1:23
    Então é como se
    esse cara e user pegasse o valor
  • 1:23 - 1:26
    e guardasse e depois falasse,
    passasse por uso efetivo novamente
  • 1:27 - 1:30
    corrente e o atual
    então e o que você estivesse
  • 1:30 - 1:33
    selecionando atualmente
    e eu vou já mostrar aqui na tela.
  • 1:33 - 1:38
    E aqui é uma condicional
    dizendo que ao escolher
  • 1:38 - 1:41
    uma das opções,
    ele deixa marcado, selecionado
  • 1:43 - 1:45
    e no nosso retorno,
  • 1:45 - 1:48
    exatamente como essa aqui na tela,
  • 1:48 - 1:50
    um select
  • 1:50 - 1:53
    com três opções
    HTML, CSS e JavaScript.
  • 1:54 - 1:54
    Vamos ver?
  • 1:54 - 1:57
    Então use Effect e use REF
  • 1:58 - 2:00
    Agindo, por exemplo, está.
  • 2:00 - 2:06
    HTML ao escolher CSS ficou o CSS
    está selecionado CSS
  • 2:06 - 2:09
    ao escolher
    o JavaScript ficou o JavaScript.
  • 2:10 - 2:13
    HTML. HTML É isso que usa
  • 2:13 - 2:19
    Effect faz como colateral
    com a ajuda do uso RF
  • 2:19 - 2:22
    que guarda na memória
    o valor selecionado.
  • 2:23 - 2:26
    E assim temos o uso do e usa effect
    como efeito colateral.
  • 2:26 - 2:31
    Ao selecionar uma opção
    com ajuda de um outro look
  • 2:31 - 2:35
    que é o uso RF que vai memorizar
    o que foi selecionado.
Title:
WEB CAP16 2025 VA05 REACT HOOK USEEFFECT
Video Language:
Portuguese, Brazilian
Duration:
02:38

Portuguese, Brazilian subtitles

Incomplete

Revisions Compare revisions