useCallback 減少渲染 這個地方的‘渲染’具體指的是什么
useCallback 可以減少 渲染 這個地方的渲染沒懂什么意思 ? 我的理解是調用一次r函數就算渲染了一次，然后父組件state上的變量發生變化 子組件不管props有無變化都會重新渲染 和 useCallback 好像沒啥關系了
1 回答
舉報
0/150
提交
取消
useCallback 可以減少 渲染 這個地方的渲染沒懂什么意思 ? 我的理解是調用一次r函數就算渲染了一次，然后父組件state上的變量發生變化 子組件不管props有無變化都會重新渲染 和 useCallback 好像沒啥關系了
2021-04-29
舉報
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> ??); }類似于上述情況，如果當前num沒有變化時，返回的依舊是之前計算好的Child內容，并不會重新計算Child組件。