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