我在React教程页面上看到,ES6将使用构造函数来初始化状态,如下所示。
export class Counter extends React.Component {
constructor(props) {
super(props);
this.state = {count: props.initialCount};
}
tick() {
this.setState({count: this.state.count + 1});
}
render() {
return (
<div onClick={this.tick.bind(this)}>
Clicks: {this.state.count}
</div>
);
}
}
Counter.propTypes = { initialCount: React.PropTypes.number };
Counter.defaultProps = { initialCount: 0 };
然后,它继续使用ES7语法来实现相同的功能。
// Future Version
export class Counter extends React.Component {
static propTypes = { initialCount: React.PropTypes.number };
static defaultProps = { initialCount: 0 };
state = { count: this.props.initialCount };
tick() {
this.setState({ count: this.state.count + 1 });
}
render() {
return (
<div onClick={this.tick.bind(this)}>
Clicks: {this.state.count}
</div>
);
}
}
为什么ES7比ES6版本或ES5版本更好。
谢谢
发布于 2016-02-27 07:46:14
ES7更好,因为它支持以下场景:
注意:当您使用ES7定义状态时,您正在使用Property initializers
功能
https://stackoverflow.com/questions/35662932
复制相似问题