react中怎么實現vue中的計算屬性以及watch
react中怎么實現vue中的計算屬性以及watch
首先，react中可以利用static getDeriveStateFromProps這個生命周期鉤子函數來根據當前的屬性及狀態來派生一個新狀態，并且在初始化階段，和更新階段都會執行，保證狀態始終存在對應。
但是需要注意是否需要做緩存，因為任何數據變化都會引起該鉤子函數的執行，會導致派生的計算每次都會進行。
在函數組件+Hooks的時候，可以利用useMemo來生成一個計算屬性。
在類組件中可以在componentDidUpdate中根據this上最新的屬性和狀態與參數中接收到的之前的屬性和狀態來判斷是哪一個數據更新，實現watch的能力，在函數組件 + hooks中使用useEffect就可以了。
相關推薦HOT
更多>>
SEO優化
SEO優化，1、合理的title、description、keywords：搜索對著三項的權重逐個減小，title值強調重點即可;description把頁面內容高度概括，不可過...詳情>>
2023-04-03 15:11:51
Python數據生產器
Python數據生產器,在軟件開發、測試或者數據分析過程中，有時候會需要一些測試數據。做測試的時候，需要模擬真實的環境，但是又不能直接使用真...詳情>>
2023-03-28 15:56:13
Java集合是什么？Java集合詳解
Java集合是Java編程語言中的一個重要概念，用于存儲、管理和處理數據。Java集合框架提供了一組接口和類，用于實現常見的數據結構，如列表、棧、...詳情>>
2023-03-20 19:12:47
js查找字符串中指定字符的位置
另外，如果要查找一個字符串中所有出現的指定字符的位置，可以使用indexOf()方法結合循環來實現。然后，我們使用循環遍歷字符串中的每一個字符...詳情>>
2023-03-10 14:06:35
京公網安備 11010802030320號