首页 > es6 static

es6 static

export default class BookBox extends Component {
  static defaultProps = {
    initialBooks: [
      {
        title: 'Twilight',
        author: 'Stephanie Meyer',
        isbn: '0316015849'
      }
    ]
  };

  static propTypes = {
    initialBooks: PropTypes.array.isRequired
  };

  constructor(props) {
    super(props)
    this.state = {
      books: this.props.initialBooks
    }
  }
}

这段代码中的defaultProps 和propTypes 为什么要用static修饰? static在es6中的作用是什么? 求解答,不要给我链接,我查了不少了,没几个说的明白,都是一带而过的。最好是各位自己的理解给我说说,谢谢。


static 定义的是类的方法只有类能调用,而普通方法是实例的方法只有类实例能调用。变量也一样。

class A {
    static fn() {
        console.log('sss');
    }
    fn2() {
        console.log('www');
    }
}

let a = new A();

a.fn(); // 报错
A.fn();
a.fn2();
A.fn2(); // 报错

纯粹从es6的角度,静态方法/属性,可以直接访问的

从react的角度来说,这个可以写成BookBox.defaultProps =xxx ; BookBox.propTypes = xxx;


感觉应该是跟java 一样的吧,静态类,静态变量,内存中不消失


class property

【热门文章】
【热门文章】