react是什么
- react是针对于view层的库,帮你构建ui的库,react内一切皆为组件,全部使用es6的语法,单纯react去做复杂应用的时很吃力,所以做复杂应用的时候一定离不开redux状态管理库。
安装
cnpm i react react-dom -S
cnpm i react@next react-dom@next -S 安装最新版本
特点
- class语法新组建,render里直接使用
- render函数返回值就是输出jsx语法,会把jsx转换成js执行
jsx语法
- react的View层语法
- js卸载html
- class写成className
- 变量使用{}包裹
- 组件之间通信通过属性传递
- 父组件向子组件传递数据使用props
- 如果组件只有render函数,可以使用render的形式写组件,函数返回dom
react生命周期
- 所有react生命周期就是在内部有若干个钩子函数,在react渲染过程中会执行这些函数,让我们更好的进行控制。
- 初始化周期——页面组件第一次渲染索要执行的函数
- 组件重新渲染——属性的变化、state的变化、执行的函数
- 组件卸载的时候——我们做垃圾回收状态的清理
- 如果父组件是执行的最多的会先执行componentWillReceiveProps,要接收父组件参数了
- 组件马上加载——componentWillMount
- 组件加载完成——componentDidMount