React Hooks的理解

React 中的状态

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

相关推荐
遇见~未来24 分钟前
JavaScript数组全解析:从本质到高级技巧
开发语言·前端·javascript
哈__24 分钟前
基础入门 React Native 鸿蒙跨平台开发:TabBar 底部导航栏
javascript·react native·react.js
lili-felicity26 分钟前
React Native 鸿蒙跨平台开发:Animated 实现鸿蒙端组件的左右滑动动画
javascript·react native·react.js
哈__36 分钟前
React Native 鸿蒙跨平台开发:StatusBar 状态栏组件
javascript·react native·react.js
丢,捞仔1 小时前
uni-app上架应用添加权限提示框
前端·javascript·uni-app
Hilaku1 小时前
我是如何用一行 JS 代码,让你的浏览器内存瞬间崩溃的?
前端·javascript·node.js
五仁火烧1 小时前
npm run build命令详解
前端·vue.js·npm·node.js
哈__1 小时前
React Native 鸿蒙跨平台开发:简易记事本 APP
javascript·react native·react.js
贺今宵1 小时前
electron-vue无网络环境,读取本地图片/文件展示在页面vue中protocol
前端·javascript·electron
老前端的功夫1 小时前
TypeScript索引访问类型深度解析:类型系统的动态访问与模式匹配
前端·javascript·ubuntu·架构·typescript·前端框架