O useEffect é um tipo de hook
muito versátil.

Uma de suas funções
é o efeito colateral.

Vamos ver como funciona?

No projeto temos
a seguinte estrutura,

na pasta "components",
"Exemplo2"

Nosso componente "Exemplo2"
com a primeira letra maiúscula,

'.jsx" a sua extensão.

Temos a seguinte estrutura.

Estamos importando o hook
chamado "useRef"

que na verdade ele ajuda
o useEffect

a memorizar o que ele vai fazer
como colateral.

Nesse exemplo,
nós temos aqui uma função

que está recebendo uma constante
"selecionarRef".

Então, aqui é uma variável
selecionar e to passando "useRef" vazio.

Embaixo, eu estou criando
o meu e "useEffect",

que é o efeito colateral.

É uma função que eu estou
recebendo uma variável "seleElemento"

e aqui esse "seleElemento"
está recebendo

o que o meu "useRef" guardou.

Então é como se esse "useRef"
pegasse o valor,

guardasse e depois passasse
para o "useEffect" novamente.

"Current" é o atual.

então, é o que você estiver
selecionando atualmente

eu vou já mostrar aqui na tela.

E aqui é uma condicional
dizendo que ao escolher

uma das opções,
ele deixa marcado, selecionado

e no nosso retorno,

exatamente como essa aqui na tela,

um select

com três opções
HTML, CSS e JavaScript.

Vamos ver?

Então use Effect e use REF

Agindo, por exemplo, está.

HTML ao escolher CSS ficou o CSS
está selecionado CSS

ao escolher
o JavaScript ficou o JavaScript.

HTML. HTML É isso que usa

Effect faz como colateral
com a ajuda do uso RF

que guarda na memória
o valor selecionado.

E assim temos o uso do e usa effect
como efeito colateral.

Ao selecionar uma opção
com ajuda de um outro look

que é o uso RF que vai memorizar
o que foi selecionado.