React的生命周期

2019-08-20  本文已影响0人  SnoopPanda
import React, { Component } from 'react';

class App extends Component {
  componentDidMount () {
    console.log('4: componentDidMount');
  }
  componentWillMount () {
    console.log('2: componentWillMount');
  }
  shouldComponentUpdate () {
    console.log('a: shouldComponentUpdate');
    return true;
  }
  componentWillUpdate () {
    console.log('b: componentWillUpdate');
  }
  componentDidUpdate () {
    console.log('d: componentDidUpdate');
  }
  constructor () {
    super();
    this.state = {
      num : 1
    }
    console.log('1: constructor');
  }
  render() {
    console.log('c: 3: render');
    return (
      <div>
        {this.state.num }
        <button onClick={ e=> { this.setState({ num : 99})}}>更新数据</button>
      </div>
    );
  }
}

export default App;
上一篇 下一篇

猜你喜欢

热点阅读