useMemo useRequest 使用场景

export default function UseMemoPage(props){
const [count , setCount] = useState(0)
const [value,setValue] = useState(0)
//如果点击setCount的时候 会触发 sompute 但是相应的 这个函数是在函数体内,所以 input中的值改变的时候 也会触发compute所以会对性能造成影响
const expensive = ()
=>{
console.log('compute')
let sum = 0
for(let i = 0 ; i<count ;i++){
sum +=i
}
return sum
}
// 所以可以使用 usememo
const expensive =uesmemo( ()
=>{
console.log('compute')
let sum = 0
for(let i = 0 ; i<count ;i++){
sum +=i
}
return sum
//只有count改变的时候 才会触发,count为依赖项
},[count])

 

 

 refreshDeps  设置 传入参数后   调用useRequest 方法

posted @ 2021-12-24 17:19  贺可英  阅读(565)  评论(0)    收藏  举报