“UseCallback-Hook, um die Verwendung von UseEffect Re-Render-Warnung zur Funktionsabhängigkeit zu beheben” Code-Antworten

UseCallback-Hook, um die Verwendung von UseEffect Re-Render-Warnung zur Funktionsabhängigkeit zu beheben

import { useState, useEffect, useCallback } from 'react';

function App() {
  const [count, setCount] = useState(1);

  const logCount = useCallback(() => {
    console.log(count);
  }, [count]);

  useEffect(() => {
    logCount();
  }, [logCount]);

  return <div className="App">foo</div>;
}