
React
程序媛Lisa
这个作者很懒,什么都没留下…
展开
-
简述react中state和props方法及区别
state主要用于组件更新控制,如果想要重新渲染或者更新组件,只需要修改state的值,再根据修改的state的值重新渲染用户界面。props主要用于组件间参数的传递,获取组件的属性值,数据单向流动,从父级向子集传递,外界无法直接修改属性值,它是只读的;原创 2024-04-15 10:37:49 · 128 阅读 · 0 评论 -
react中声明类的两种方法及这两种方法的区别
类式声明:类式组件又叫有状态组件,是一个cass类,可以定义state,有继承,可以通过this来接收属性和状态,如果需要通过生命周期来对数据进行增删改查操作,一般使用类式声明。函数式组件又叫无状态组件,不能定义state,没有继承,没有生命周期,它的动态数据通过父组件向子组件流动,子组件通过props来接收,一般一些简单的逻辑判断会使用无状态组件;函数式声明和class类式声明。原创 2024-04-15 10:36:02 · 181 阅读 · 0 评论 -
React和vue框架的diff算法的比较
都是忽略跨级比较,只做同级的比较;Vue diff时会调用patch方法,参数为vnode和oldVnode,分别代表新旧参数; Vue 对比节点,当节点元素相同,只是className不同,Vue会认为是不同节点,删除重建;而react则认为是相同节点元素,只是更新节点属性; Vue的列表对比,采用从两端到中间的方式,而react则采用从左到右依次对比;当集合中最后一个节点移动到第一位时,react会把前面的节点依次移动,而Vue只会就把最后一个移动到第一个。原创 2024-04-15 10:32:49 · 186 阅读 · 0 评论