[react]render的执行过程

render和componentDidMount的执行顺序

1 数据进来首先执行render渲染基本页面组件(return里的东西)

render:function() {
varrectifyitem=this.props.rectifyData;

*if(rectifyitem==null||rectifyitem=="undefined"){

rectifyitem= {};*

return XXXX;

}

2 然后进入componentDidMount,执行url拼接和方法调用等

componentDidMount:function() {
var url=DEV_RECTIFY_URL.DEV_RECTIFY_ITEM_DATA+"?zgdid="+this.props.routeParams.sid;

vardispatch=this.props.dispatch;

console.log("url===="+url);

var that=this;

loadRectifyWithParams(that.props.dispatch,url,null);

}

3 当数据发生变化,再次执行render

4 so 1中不执行判断,return中调用 {rectifyitem.XXX},会报rectifyitem==undefined 的错

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 现在最热门的前端框架,毫无疑问是 React 。上周,基于 React 的 React Native 发布,结果一...
    sakura_L阅读 448评论 0 0
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,881评论 1 18
  • 目前,react组件有三种写法,分别是es5的createClass写法,es6的class写法,以及statel...
    ZoomFunc阅读 1,872评论 0 1
  • #正泰#《卫生巾之恋》下部 十八线小明星果✘迷弟大学生泰 脑洞来自一个白日梦。 田柾国居然上头条了! 金泰亨点开这...
    予落阅读 925评论 0 2
  • 1.餐后喝茶不养生 不少人喜欢饭后马上饮茶,其实很不科学。盲目喝茶,不仅起不到保健的作用,甚至会让身体越喝越差。因...
    梦缘_21阅读 278评论 0 0