react笔记--02

16版本通过class关键字或者函数来创建组件

类组件函数组件

类组件 (功能组件,智能组件,有状态组件)
用class 关键字创建的组件
有state值 能修改state值
能写jsx
有生命周期
函数组件 (ui组件,木偶组件,傻瓜组件,无状态组件)
用函数创建的组件
没有state 就不能修改数据
没有生命周期
只能写jsx
只能接受props 渲染界面

受控组件 非受控组件

不是一种新的组件而是获取表单数据的2种方式

非受控组件 通过ref 获取表单数据
受控组件 将表单value 和state 里的数据进行关联

react developer tool

谷歌浏览器插件 使用方式类似vue开发者工具

Fragment

可以作为跟组件使用并且不会被渲染

生命周期

  1. 创建初始化
    getDefaultProps 初始化porps
    getInitialState 初始化state
    15.6 的生命周期 在16版本本取消 用 构造函数代替
  2. 挂载
    (废弃)componentWillmount 挂载之前
    componentDidMount 挂载结束
  3. 更新
    (废弃)componentWillReceiveProps props发生改变的时候触发
    shouldComponentUpdate 数据的改变是否应该引起页面的更新
    (废弃)componentWillUpdate 组件将要更新
    componentDidUpdate 组件更新完毕
  4. 卸载销毁 擦屁股解决遗憾的操作
    componentWillUnMount
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 深入JSX date:20170412笔记原文其实JSX是React.createElement(componen...
    gaoer1938阅读 12,465评论 2 35
  • React简介 (1)简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc...
    鱼鱼吃猫猫阅读 5,589评论 1 6
  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 12,691评论 1 33
  • react 基本概念解析 react 的组件声明周期 react 高阶组件,context, redux 等高级...
    南航阅读 4,707评论 0 1
  • 最近看了一本关于学习方法论的书,强调了记笔记和坚持的重要性。这几天也刚好在学习React,所以我打算每天坚持一篇R...
    gaoer1938阅读 5,663评论 0 5