react

187 阅读1分钟

react是什么

  1. react是针对于view层的库,帮你构建ui的库,react内一切皆为组件,全部使用es6的语法,单纯react去做复杂应用的时很吃力,所以做复杂应用的时候一定离不开redux状态管理库。


安装

cnpm i react react-dom -S
cnpm i react@next react-dom@next -S 安装最新版本


特点

  1. class语法新组建,render里直接使用
  2. render函数返回值就是输出jsx语法,会把jsx转换成js执行


jsx语法

  1. react的View层语法
  2. js卸载html
  3. class写成className
  4. 变量使用{}包裹
  5. 组件之间通信通过属性传递
  6. 父组件向子组件传递数据使用props
  7. 如果组件只有render函数,可以使用render的形式写组件,函数返回dom


react生命周期

  1. 所有react生命周期就是在内部有若干个钩子函数,在react渲染过程中会执行这些函数,让我们更好的进行控制。
  2. 初始化周期——页面组件第一次渲染索要执行的函数
  3. 组件重新渲染——属性的变化、state的变化、执行的函数
  4. 组件卸载的时候——我们做垃圾回收状态的清理
  • 如果父组件是执行的最多的会先执行componentWillReceiveProps,要接收父组件参数了
  • 组件马上加载——componentWillMount
  • 组件加载完成——componentDidMount




特性hooks