（React）生命周期方法

class App extends Component {

  constructor(props) {
    super(props)
    console.log('constructor')
  }

  componentDidMount() {
    console.log('componentDidMount')
  }

  componentWillUnmount() {
    console.log('componentWillUnmount')
  }

  respondsToClick(title, e) {
    console.log(this)
    console.log(title)
    console.log(e)
  }
  render() {
    return (
      <div className="App">
        <div>aaaa</div>
        <a onClick={(e) => this.respondsToClick('addd', e)}>点击增加</a>
      </div>
    );
  }
}
export default App;

生命周期方法详解

• constructor
  组件的初始化方法，组件初始化的时候会调用；
  该方法的参数是props，是父组件传递的所有的属性值对象；
• componentWillMount
  组件在渲染前调用,在客户端也在服务端。
• componentDidMount
  在组件完成渲染后调用；
• componentWillReceiveProps
  在组件接收到一个新的 prop (更新后)时被调用
• shouldComponentUpdate
  返回一个布尔值。在组件接收到新的props或者state时被调用
• componentWillUpdate
  在组件接收到新的props或者state，但还没有渲染时被调用
• componentDidUpdate
  在组件完成更新后立即调用。
• componentWillUnmount
  在组件从 DOM 中移除之前立刻被调用。