zoukankan      html  css  js  c++  java
  • react中,constructor和getInitialState的区别

    1,ES6语法

    使用class声明一个类,且要继承react组件的方法和属性的时候 :

    在里面我们可以直接指定 this.state = { }, 我们可以当前组件内任何地方使用 this.setState()来改变组件状态;

    注意: 将类的方法绑定到当前对象,避免在方法内部this指针被覆盖

    class PCHeader extends React.Component {
    constructor() { super(); this.state = { userNickName: '用户', userId: 0 };
      this.handleClick = this. handleClick.bind(this);
     }
    }

    2,Es5 语法

    如果使用createClass方法创建一个Component组件,可以自动调用它的getInitialState方法来获取初始化的State对象,但是在ES6的Class中并不会如此自动调用,因此,要稍作修改。

    var PCHeader = React.creatClass ({
    
      getInitialState() {
        return { 
            userNickName: '用户',
            userId: 0
         };
     }
    })
    A journey of a thousand miles begins with a single step!
  • 相关阅读:
    菜农大叔抢楼
    实验室博客
    VS2008加入QT
    9G关于新唐M0的ISP的要点
    内部函数和外部函数
    51串口通信
    一个三位整数反向后输出
    C++重载函数定义和用法
    博客记录
    C语言练习笔记更新
  • 原文地址:https://www.cnblogs.com/qingfengweb/p/6700195.html
Copyright © 2011-2022 走看看