react中怎么實(shí)現(xiàn)vue中的計(jì)算屬性以及watch
react中怎么實(shí)現(xiàn)vue中的計(jì)算屬性以及watch
首先,react中可以利用static getDeriveStateFromProps這個(gè)生命周期鉤子函數(shù)來根據(jù)當(dāng)前的屬性及狀態(tài)來派生一個(gè)新狀態(tài),并且在初始化階段,和更新階段都會(huì)執(zhí)行,保證狀態(tài)始終存在對(duì)應(yīng)。
但是需要注意是否需要做緩存,因?yàn)槿魏螖?shù)據(jù)變化都會(huì)引起該鉤子函數(shù)的執(zhí)行,會(huì)導(dǎo)致派生的計(jì)算每次都會(huì)進(jìn)行。
在函數(shù)組件+Hooks的時(shí)候,可以利用useMemo來生成一個(gè)計(jì)算屬性。
在類組件中可以在componentDidUpdate中根據(jù)this上最新的屬性和狀態(tài)與參數(shù)中接收到的之前的屬性和狀態(tài)來判斷是哪一個(gè)數(shù)據(jù)更新,實(shí)現(xiàn)watch的能力,在函數(shù)組件 + hooks中使用useEffect就可以了。

猜你喜歡LIKE
相關(guān)推薦HOT
更多>>
SEO優(yōu)化
SEO優(yōu)化,1、合理的title、description、keywords:搜索對(duì)著三項(xiàng)的權(quán)重逐個(gè)減小,title值強(qiáng)調(diào)重點(diǎn)即可;description把頁面內(nèi)容高度概括,不可過...詳情>>
2023-04-03 15:11:51
Python數(shù)據(jù)生產(chǎn)器
Python數(shù)據(jù)生產(chǎn)器,在軟件開發(fā)、測(cè)試或者數(shù)據(jù)分析過程中,有時(shí)候會(huì)需要一些測(cè)試數(shù)據(jù)。做測(cè)試的時(shí)候,需要模擬真實(shí)的環(huán)境,但是又不能直接使用真...詳情>>
2023-03-28 15:56:13
Java集合是什么?Java集合詳解
Java集合是Java編程語言中的一個(gè)重要概念,用于存儲(chǔ)、管理和處理數(shù)據(jù)。Java集合框架提供了一組接口和類,用于實(shí)現(xiàn)常見的數(shù)據(jù)結(jié)構(gòu),如列表、棧、...詳情>>
2023-03-20 19:12:47
js查找字符串中指定字符的位置
另外,如果要查找一個(gè)字符串中所有出現(xiàn)的指定字符的位置,可以使用indexOf()方法結(jié)合循環(huán)來實(shí)現(xiàn)。然后,我們使用循環(huán)遍歷字符串中的每一個(gè)字符...詳情>>
2023-03-10 14:06:35熱門推薦
跨域如何解決
沸SEO優(yōu)化
熱Null和undefined的區(qū)別
熱Python數(shù)據(jù)生產(chǎn)器
新react中怎么實(shí)現(xiàn)vue中的計(jì)算屬性以及watch
經(jīng)典面試題:static加載機(jī)制你知道嗎?
消息中間件常用協(xié)議有哪些
Java集合是什么?Java集合詳解
線程池實(shí)現(xiàn)原理
java數(shù)據(jù)結(jié)構(gòu)與算法
Java到底有多難?
js查找字符串中指定字符的位置
jquery獲取checkbox是否選中
四種方式創(chuàng)建SpringBoot項(xiàng)目
技術(shù)干貨







快速通道 更多>>
-
課程介紹
點(diǎn)擊獲取大綱 -
就業(yè)前景
查看就業(yè)薪資 -
學(xué)習(xí)費(fèi)用
了解課程價(jià)格 -
優(yōu)惠活動(dòng)
領(lǐng)取優(yōu)惠券 -
學(xué)習(xí)資源
領(lǐng)3000G教程 -
師資團(tuán)隊(duì)
了解師資團(tuán)隊(duì) -
實(shí)戰(zhàn)項(xiàng)目
獲取項(xiàng)目源碼 -
開班地區(qū)
查看來校路線