Instruções
Passo 9
Como mencionado anteriormente, a função set é responsável por atualizar o estado. Uma abordagem comum ao alternar entre valores booleanos de estado é atualizar o estado desta forma:
const [isUserLoggedIn, setIsUserLoggedIn] = useState(false);
// updating state
setIsUserLoggedIn(!isUserLoggedIn);
O exemplo a seguir está usando a função set chamada setIsUserLoggedIn para atualizar o status de login do usuário. É prática comum usar o operador lógico NOT (!) para alternar entre true e false. Como o valor inicial é false, aplicar o operador ! irá alterá-lo para true.
Dentro da função handleToggleVisibility, use setIsVisible para atualizar o estado de visibilidade usando o operador lógico NOT (!).
O que fazer:
Testes:
- Você deve usar `setIsVisible` para atualizar a visibilidade do texto. Consulte o exemplo se precisar de ajuda.
Preview