constructor 函数时组件最先执行的函数

  1. class childen extends react.Component{
  2.    constructor(props){
  3.       super(props);
  4.       this.state={
  5.           attr1:"",
  6.       }
  7.   }
  8. }

constructor()：子类继承父类时的构造方法，主要时用以定义this.属性 在react中一些默认的数据可以直接在此处定义
spuer()： 注意在定义组件的时候可以没用constructor方法，一旦定义，就必须使用spuer方法，这不是react规定的而是es6要求
image.png

React组件的构造函数有什么作用？

在react的新的写法中，每一个组件都是一个类，这个很符合es6的语法规范，在es6中要想创建一个对象，就要调用相应的构造函数, react的组件渲染有两种情况，第一种情况是第一次渲染，第二种情况是状态更新时候重新渲染,构造函数在组件的初次渲染中只会运行一次，构造函数里进行的操作一般有三种用途：

  1. 指定this —> super(props)
  2. 设置初始化的状态 —> this.setState({})
  3. 为组建的构造函数绑定this