随笔分类 -  React

vue、react对比
摘要：一、父子通信 1. 父组件通过props向子组件传值 vue: 父组件 子组件接收 react: 父组件： 子组件： 2. 子组件向父组件传参 vue: 子组件 父组件 react：利用回调函数参数获取子组件传来的值。 父组件： 子组件： 3. 父组件访问子组件属性 vue: 父组件 react: 阅读全文
posted @ 2020-05-22 10:37 Sun~_~ 阅读(226) 评论(0) 推荐(0)
react更新渲染及渲染原理
摘要：一、element如何生成真实DOM节点 触发组件的更新有两种更新方式：props以及state改变带来的更新。本次主要解析state改变带来的更新。整个过程流程图如下： 1、一般改变state，都是从setState开始，这个函数被调用之后，会将我们传入的state放进pendingState的数 阅读全文
posted @ 2020-05-21 14:05 Sun~_~ 阅读(3144) 评论(0) 推荐(0)
React首次渲染过程
摘要：一、JSX如何生成element 这里是一段写在render里的jsx代码。 首先，它会经过babel编译成React.createElement的表达式。 createElement 从它的名字就可以看出，这是用来生成element的。element在React里，其实就是组成虚拟DOM 树的节点 阅读全文
posted @ 2020-05-21 14:00 Sun~_~ 阅读(1830) 评论(0) 推荐(0)
react知识点总结
摘要：React 的工作原理 React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时，React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变，第二步是调节(reconciliation)，会用 diff 的结果来更新 DOM。 使用 React 有何优 阅读全文
posted @ 2020-05-21 11:21 Sun~_~ 阅读(821) 评论(0) 推荐(0)