亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

useCallback 減少渲染 這個地方的‘渲染’具體指的是什么

useCallback 可以減少 渲染 這個地方的渲染沒懂什么意思 ? 我的理解是調用一次r函數就算渲染了一次,然后父組件state上的變量發生變化 子組件不管props有無變化都會重新渲染 和 useCallback 好像沒啥關系了

正在回答

1 回答

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/150
提交
取消

useCallback 減少渲染 這個地方的‘渲染’具體指的是什么

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號