概览

• React的核心思想：封装组件。
• 各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组件。
• 一个React应用都是构建在组件之上的。
• 当组件状态state有更改的时候，React会自动调用组件的render方法重新渲染整个组件的UI。

JSX

• 使用HTML标签
• 使用组件
• 使用JS表达式
• 注释
• HTML转义（React会将所有要显示到DOM的字符串转义，防止XSS）

组件

• props（组件的属性）
• state（组件当前的状态）
• 划分状态数据
• 无状态组件

组件生命周期

生命周期函数

装载组件触发

componentWillMount：只会在装载之前调用一次，在render之前调用
componentDidMount：只会在装载完成之后调用一次，在render之后调用

更新组件触发

这些方法不会在首次render组件的周期调用
componenttWillReceiveProps
shouldComponentUpdate
componentWillUpdate
componentDidUpdate

卸载组件触发

componentWillUnmount

结束语

如果喜欢本文，记得点赞并加关注哟。