React特点

1.声明式

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的 视图，当数据变动时 React 能高效更新并渲染合适的组件。

以声明式编写 UI，可以让你的代码更加可靠，且方便调试。

2.组件化

构建管理自身状态的封装组件，然后对其组合构成复杂的结构 UI。

由于组件逻辑使用 JavaScript 编写而非模板，因此你可以轻松地在应用中传递数据，并保持状态与 DOM 分离

React 组件生命周期

就是指界面的DOM在创建的过程中的函数回调！

组件的生命周期可分成三个状态：

1. Mounting(挂载)：界面已经显示
2. Updating(更新)：正在更新
3. Unmounting(卸载)：界面 DOM删除

挂载：页面显示组件时，函数回调的顺序

1. constructor(): 组件挂载之前调用。
2. getDerivedStateFromProps(): 初始挂载及后续更新时被调用。
3. render(): render() 组件中必须实现的方法。
4. componentDidMount(): 在界面显示后调用。

更新

当组件的 state 或 props 发生变化时，组件就会更新。顺序如下：

1. getDerivedStateFromProps(): 初始挂载及后续更新时都会被调用。
2. shouldComponentUpdate():在render执行之前被调用。
3. render(): 必须实现的方法。
4. getSnapshotBeforeUpdate(): 在界面显示之前调用。
5. componentDidUpdate(): 更新后会被调用。

卸载

当组件从 页面中移除时会调用如下方法：

componentWillUnmount(): 组件卸载及销毁之前直接调用。