import React,{ useState, useMemo }from'react';functioncalcNum(count){let total =0;for(let i =0; i < count; i++){
total += i;}
console.log("计算一遍");return total
}exportdefaultfunctionMemoHookDemo(){const[count, setCount]=useState(10);const[isLogin, setIsLogin]=useState(true);const total =useMemo(()=>{returncalcNum(count);},[count]);return(<div><h2>数字和:{total}</h2><button onClick={e=>setCount(count +1)}>+1</button>{isLogin &&<h2>Coderwhy</h2>}<button onClick={e=>setIsLogin(!isLogin)}>切换</button></div>)}
count 如果不改变就不会再次执行calcNumimport React, { useState, useMemo } from 'react';function calcNum(count) { let total = 0; for (let i = 0; i < count; i++) { total += i; } console.log("计算一遍"); return total}export default function MemoHookDemo