React中如何通过useEffect实现类似Vue的watch监视属性功能？

本文共计4227个文字，预计阅读时间需要17分钟。

目录 + React的watch监视属性 + useEffect使用指南 + 最基本的用法 + 响应更新 + 如何处理Loading和Error + 处理表格 + 自定义hooks + 使用useReducer整合逻辑 + 取消数据请求 + React的watch监视属性 + useEffect +

目录

• react的watch监视属性-useEffect
• useEffect使用指南
• 最基本的使用
• 响应更新
• 如何处理Loading和Error
• 处理表单
• 自定义hooks
• 使用useReducer整合逻辑
• 取消数据请求

react的watch监视属性-useEffect

在vue中可以使用watch属性，去监视一个值，当这个值进行变化的时候就去执行一些操作。在react是没有这个属性的，但是它也一样可以达到相同的效果，那么接下来看看它是怎么实现的呢？

在react中实现监听效果有一个比较简单的方法，就是使用useEffect 这个hook，在我们刚接触这个hook时经常会被代入到类组件中的生命周期上，其实它不光有生命周期的功能更是可以实现监听的效果。