React Hooks的理解

最新推荐文章于 2024-09-13 17:25:30 发布

菊の物语

最新推荐文章于 2024-09-13 17:25:30 发布

阅读量493

点赞数 11

文章标签： react.js javascript vue.js

本文链接：https://blog.csdn.net/mahuicool/article/details/136257926

版权

本文比较了React中通过state实现的响应式与Vue2的自动响应式机制，强调了React中setState和statehooks的使用，以及Vue3中响应式模式的改变，即从自动设置转为手动添加响应式属性。

摘要由CSDN通过智能技术生成

React 中的状态

React中的数据实现响应式相对于Vue2来说要麻烦一些，Vue2中所有的变量都存放在了data当中，只要定义在data当中的数据，Vue底层就会自动把他们设置为响应式。React中的响应式数据被称作"state"，state区别于普通变量，它实现了响应式，当我们修改它时就会触发React进行重新渲染。state不能直接修改，class组件需要通过setState的方式进行修改，函数式组件则是使用state hooks进行。Vue3应该是参考了React中对于响应式的设定，取消了内部自动设置响应式的方式，而是需要开发者手动添加变量的响应式(ref、reactive)。