React Hooks的理解

最新推荐文章于 2025-12-09 14:34:24 发布

原创最新推荐文章于 2025-12-09 14:34:24 发布 · 569 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #vue.js

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

React 中的状态

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