如何深入理解并高效使用React函数组件？

本文共计1703个文字，预计阅读时间需要7分钟。

目录 + 不可变性 + 虚拟 DOM 与真实 DOM + 函数组件 + 组件复用 + 纯函数 + 组件组合 -- 组件树 + 组件 + 不可变性 + 1.jsx + 2.component(function) + component(class) + components(函数组件组合) + component tree(redux) + app(项目)

目录

• 不可改变性
• 虚拟dom与真实dom
• 函数组件
• 组件复用
• 纯函数
• 组件组合--组件树
• 组件抽离

不可改变性

1.jsx-

2.component(function)-component(class)-components(函数组件组合)-component tree(redux)-app(项目开发)

在react中，创建了js对象（react元素）就是不可更改的（immutable）。就像是用相机拍照，相当于在此时间点已经定位了时间节点，只能拍下一张照片。

例如，使用底层react写一个时钟。