React MiXin只能通过React.createClass()来使用，如下：

假如我们有一个Layout组件，那么一般来说这个组件主要接收的就是children，把它放在主要内容的部分，然后组件本身的节点来控制布局，那么这个时候如果我们这个布局包含两个部分呢，比如还有一个header部分，是跟主要内容有明显区...

react中虚拟dom+jsx的设计一开始就有，vue则是演进过程中才出现的，2.0版本后出现。

如果你想写的组件只包含一个 render 方法，并且不包含 state，那么使用函数组件就会更简单。我们不需要定义一个继承于 React.Component 的类，我们可以定义一个函数，这个函数接收 props 作为参数，然后返回需要渲染的元素。...

创建store很简单，调用pinia中的defineStore函数即可，该函数接收两个参数：

只需要在组件即将被销毁的生命周期 componentWillUnmount （react）中在 LocalStorage / SessionStorage 中把当前组件的 state 通过 JSON.stringify() 储存下来就可以了。在这里面需要注意的是组件更新状态的时机。...

经过调和过程，react会高效的根据新的状态构建虚拟DOM树，准备渲染整个UI页面

所以，当在React class中需要设置state的初始值或者绑定事件时，需要加上构造函数，官方Demo：

注意加粗的字段，React 官方的文档其实把两个 hook 的执行时机说的很清楚，下面我们深入到 react 的执行流程中来理解下

3、优化shuoldComponentUpdate生命周期定义基础组件BaseComponent取代React.Component