![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
谷渊77
这个作者很懒,什么都没留下…
展开
-
react
2、React的特点包括:虚拟DOM(Virtual DOM)实现高效的DOM操作、组件化开发、声明式编程风格、单向数据流、生命周期方法等。类组件具有状态和生命周期方法。1、React Hooks是React 16.8引入的新特性,可以让函数组件拥有类组件的功能,如状态管理、生命周期方法等。3、Hooks可以解决类组件中存在的代码复杂度、逻辑重复、难以理解和测试等问题,使得函数组件具备了类组件的能力。2、进行状态提升可以避免状态的多次传递和保持组件之间的数据同步,提高代码的可维护性和复用性。原创 2024-03-05 17:29:25 · 591 阅读 · 0 评论 -
React为什么使用jsx
React 团队认为 JSX 不会引入太多新的概念,编码更纯净,更具有可读性,更贴近 HTML。而对于 JSX 本身来说,是 React.createElement() 函数的语法糖,createElement() 对参数进行拆解后,发起 ReactElement 调用生成虚拟 DOM 对象。,它仍然是 JavaScript,就连条件表达式和循环都仍然是 JavaScript 的方式,链接:https://juejin.cn/post/6936113538238775333。,更贴近 HTML。原创 2024-02-27 14:16:16 · 192 阅读 · 0 评论 -
HOC、副作用、纯函数
higher order commponent 高阶组件 是纯函数,没有副作用 传入组件 return组件。抽离重复使用代码、实现组件的复用。相同的输入有相同的输出。原创 2023-11-12 12:38:16 · 29 阅读 · 0 评论 -
真实dom和虚拟dom的区别
3)真实dom更新时会创建一个新的dom,虚拟dom的更新会更新jsx。2)真实dom可以直接更新html而虚拟dom不可以。4)真实dom操作开销比较大,虚拟dom操作很容易。5)虚拟dom不会浪费内存。1)虚拟dom更新更快。原创 2023-11-10 13:45:36 · 115 阅读 · 0 评论 -
虚拟dom
*虚拟DOM是什么:**虚拟DOM是轻量级的js对象,一开始只是真实DOM的一个副本,是一个节点树,它的工作机制是三个部分,第一步、当任何基础信息更新时,整个ui就会从虚拟dom表现形式重新渲染。第二步,然后计算先前的虚拟dom和新的dom直接的区别,第三步,完成计算后只有实际更改的内容才会更新在真实dom上面。比如:现在页面由90个节点,需要添加10个节点,真实dom就是重新添加100个,而虚拟dom会利用diff算法进行对比,发现有90个没有变化的,只会添加新的10个节点。1、减少dom的操作。原创 2022-02-23 14:15:27 · 18 阅读 · 0 评论 -
react的setstate是同步还是异步
React的setState同步异步问题指的是在修改state后,页面渲染是否立即更新的问题。如果setState是同步的,那么在修改state后,页面会立即更新;如果是异步的,那么修改state后,页面不会立即更新,需要等待setState执行完成后才会更新。React的setState默认是异步的,但是可以通过setState回调函数、Promise和async/await等方式实现同步更新。原创 2023-04-26 10:57:18 · 298 阅读 · 0 评论