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
}
}
}
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 一样,静态类,静态变量,内存中不消失
staitc属于类属性