1回答

• 

  yancy

  2021-06-06 11:54:39

  const Child = () => {
    return <div>111</div>
  }
  
  const App = () => {
    const [num, setNum] = useState(1)
  
    const AppChild = useCallback(() => {
      return <Child />
    }, [num])
  
    return (
      <div className="App" onClick={() => setNum(num + 1)}>
        <AppChild />
      </div>
    );
  }

  类似于上述情况，如果当前num没有变化时，返回的依旧是之前计算好的Child内容，并不会重新计算Child组件。

  0 0