1. 可选的 static 方法
  2. constructor 构造函数
  3. getChildContext 获取子元素内容
  4. componentWillMount 模块渲染前
  5. componentDidMount 模块渲染后
  6. componentWillReceiveProps 模块将接受新的数据
  7. shouldComponentUpdate 判断模块需不需要重新渲染
  8. componentWillUpdate 上面的方法返回 true, 模块将重新渲染
  9. componentDidUpdate 模块渲染结束
  10. componentWillUnmount 模块将从DOM中清除, 做一些清理任务
  11. 点击回调或者事件处理器onClickSubmit()onChangeDescription()
  12. 可选的 render 方法renderNavigation()renderProfilePicture()
  13. render render() 方法
  • React.createClass 的生命周期函数,与使用class稍有不同: eslint:

  1. displayName 设定模块名称
  2. propTypes 设置属性的类型
  3. contextTypes 设置上下文类型
  4. childContextTypes 设置子元素上下文类型
  5. mixins 添加一些mixins
  6. statics
  7. defaultProps 设置默认的属性值
  8. getInitialState 或者初始状态
  9. getChildContext
  10. componentWillMount
  11. componentDidMount
  12. componentWillReceiveProps
  13. shouldComponentUpdate
  14. componentWillUpdate
  15. componentDidUpdate
  16. componentWillUnmount
  17. clickHandlers or eventHandlers like onClickSubmit() or onChangeDescription()
  18. getter methods for render like getSelectReason() or getFooterContent()
  19. render