概览
- 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
结束语
如果喜欢本文，记得点赞并加关注哟。
网友评论