摘要: 一、 响应式原理 什么是响应式原理? 意思就是在改变数据的时候,视图会跟着更新 。这意味着你只需要进行数据的管理,给我们搬砖提供了很大的便利。React也有这种特性,但是React的响应式方式跟VUE完全不同。 React是通过this.setState去改变数据,然后根据新的数据重新渲染出虚拟DO 阅读全文
posted @ 2020-05-21 14:14 Sun~_~ 阅读(883) 评论(0) 推荐(0) 编辑
摘要: 一、element如何生成真实DOM节点 触发组件的更新有两种更新方式:props以及state改变带来的更新。本次主要解析state改变带来的更新。整个过程流程图如下: 1、一般改变state,都是从setState开始,这个函数被调用之后,会将我们传入的state放进pendingState的数 阅读全文
posted @ 2020-05-21 14:05 Sun~_~ 阅读(3042) 评论(0) 推荐(0) 编辑
摘要: 一、JSX如何生成element 这里是一段写在render里的jsx代码。 首先,它会经过babel编译成React.createElement的表达式。 createElement 从它的名字就可以看出,这是用来生成element的。element在React里,其实就是组成虚拟DOM 树的节点 阅读全文
posted @ 2020-05-21 14:00 Sun~_~ 阅读(1764) 评论(0) 推荐(0) 编辑
摘要: React 的工作原理 React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时,React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变,第二步是调节(reconciliation),会用 diff 的结果来更新 DOM。 使用 React 有何优 阅读全文
posted @ 2020-05-21 11:21 Sun~_~ 阅读(774) 评论(0) 推荐(0) 编辑