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号