Início / coding / Perguntas / 79582752
Accepted
Gene Knight
Asked: 2025-04-20 03:13:23 +0800 CST

React Hooks e Eventos [duplicado]

  • 772
  var [testVar,setTestVar]=useState(0)

  var showTestVar=()=>{
    console.log(testVar)
  }

  var effectTest=()=>{
    setTestVar(1)
    setInterval(showTestVar,1000)
  }

Quero ter uma função chamada showTestVar que seja chamada sempre que um evento ocorrer. Disparando a partir de setInterval neste caso. Quero que ela seja chamada independentemente de testVar ter sido alterado ou não, mas em todos os eventos. Como faço isso com Hooks?

Assim, o log mostra 3 saídas a cada segundo, 1 zero e 2 uns.

reactjs

1 respostas

  1. Best Answer

    Talvez você queira verificar useRef para mantê-lo sincronizado com o estado.

    const { useState, useRef, useEffect}  = React;

const App = () => {
  const [testVar, setTestVar] = useState(0);
  const testVarRef = useRef(testVar);

  useEffect(() => {
    testVarRef.current = testVar;
  }, [testVar]);

  const showTestVar = () => {
    console.log(testVarRef.current);
  };

  const effectTest = () => {
    setTestVar(1);
    setInterval(showTestVar, 1000);
  };

  return <button onClick={effectTest}>Start</button>;
};

ReactDOM.createRoot(
    document.getElementById("root")
).render(
    <App />
);
    <div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js"></script>

    • 0

relate perguntas