useCallback 減少渲染 這個(gè)地方的‘渲染’具體指的是什么
useCallback 可以減少 渲染 這個(gè)地方的渲染沒(méi)懂什么意思 ? 我的理解是調(diào)用一次r函數(shù)就算渲染了一次，然后父組件state上的變量發(fā)生變化 子組件不管props有無(wú)變化都會(huì)重新渲染 和 useCallback 好像沒(méi)啥關(guān)系了
qq_冰糖_5
2021-04-29
1 回答
舉報(bào)
0/150
提交
取消
2021-06-06
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> ??); }類似于上述情況，如果當(dāng)前num沒(méi)有變化時(shí)，返回的依舊是之前計(jì)算好的Child內(nèi)容，并不會(huì)重新計(jì)算Child組件。