本篇章主要记录我在学习React过程中获得的心得与总结。

React渲染原理

初次渲染不提，主要说下什么时候会进行二次渲染。
React初次渲染会产生虚拟的DOM对象，然后渲染到页面上，当React执行函数等获得了新的虚拟DOM对象，这时React会对比两次虚拟DOM对象，找出不同，进行局部视图更新。（DOM Diff算法）

React函数

()=>React元素
函数从本质上来讲是延迟执行的代码，一般代码被读取会直接执行，而函数被读取也不会执行需要到被调用的时候才会执行。

JSX

简单说一下React中JSX的写法：

  • 所有的标签用标签的形式写
  • 插入JS变量或函数时用{}将其包起来

规则相当简单，通过webpack内置的babel-loader将其翻译成JS代码。
注意事项：

  • JSX中class变成了className
  • 习惯在return后加()