Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
Considerando a renderização do componente do trecho de...
Considerando a renderização do componente do trecho de código abaixo:
-import ( useState, useEffect } from "react";
-const EfeitoColateral =()=>{
--const [count, setCount] = useState(O);
--const [info, setlnfo] = useState([]);
--useEffect(() => {
---setlnfo((old) => [...old, "A"]);
--}, [ ]);
--useEffect(() => {
---if (count > 0) {
----setlnfo((old) => [...old, "B"]);
---}
--j , [count]);
--return (
---<div>
----{count} <br /
----<button id="mais" onClick={() => { setCount((old) => ++old) }}> +
-</
----<pre>{info.map((item) => item + " ")}</
---</
--);
-}/
-export default EfeitoColateral;
Quando o usuário clicar 3 vezes no botão #mais, a informação apresentada, como conteúdo da tag ..., será:
A
A B
B
B A A
C
A B
D
B A A A
E
A B B B