阅读(1758)
赞(38)
Omi 生命周期
2017-02-20 11:23:23 更新
生命周期
| Lifecycle method | When it gets called |
|---|---|
componentWillMount / install | before the component gets mounted to the DOM |
componentDidMount / installed | after the component gets mounted to the DOM |
componentWillUnmount / uninstall | prior to removal from the DOM |
componentWillReceiveProps | before new props get accepted |
shouldComponentUpdate | before render(). Return false to skip render |
componentWillUpdate / beforeUpdate | before render() |
componentDidUpdate / afterUpdate | after render() |
举个例子
class Timer extends Omi.Component {
install () {
this.data = {secondsElapsed: 0};
}
tick() {
this.data.secondsElapsed++;
this.update();
}
installed(){
this.interval = setInterval(() => this.tick(), 1000);
}
uninstall() {
clearInterval(this.interval);
}
render () {
return <div>Seconds Elapsed:<span> {{secondsElapsed}}</span></div>;
}
}