React es6 设置默认的 state和props的方法

React在ES6的实现中去掉了getInitialState和getDefaultProps

1、React在ES6的实现中去掉了getInitialState这个hook函数,规定state在constructor中实现,写法如下:

class MyComponent extends React.Component {

    constructor(props) {

      super(props);
  
      this.state = { };

}

}

2、写default props有两种方法

//1 在组件内部的使用static
static defaultProps = {
    name: ...
}
//2 在组件外部
 
Hello.defaultProps = {
    name: ...
}
React在ES5中默认的 state和props的方法
var MyComponent = React.createClass({
 
    getDefaultProps(){
       return{
         name: ...
       }
    },

    getInitialState(){
       return{
          name: ...
      }
    },
});


你可能感兴趣的:(React es6 设置默认的 state和props的方法)