React Hooks useCallback 如何“冻结”闭包

使用 React Hooks 的 useCallback 可以帮助我们在函数组件中优化性能。其中一个优点是可以“冻结”闭包。本文将介绍 useCallback 的使用方法以及如何利用它来“冻结”闭包。

jsx
import React, { useState, useCallback } from 'react';
const ParentComponent = () => {
  const [count, setCount] = useState(0);
  const increment = useCallback(() => {
    setCount(count + 1);
  }, [count]);
  return (
    
      
Parent Component
      
Count: {count}
      
    
  );
};
const ChildComponent = ({ increment }) => {
  console.log('Child Component rendered');
  
  return (
    
      
Child Component
      Increment
    
  );
};