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]render的执行过程
render和componentDidMount的执行顺序 1 数据进来首先执行render渲染基本页面组件（r...
react render过程
1.入口文件中 ReactDOM.render 会把我们创建的react组件转换成真实的dom元素编译后会调用c...
react源码学习（二）scheduleWork任务调度
任务调度在上一篇中说过了render的过程，最后会调用scheduleWork来执行任务。react将不同的任务...
React 18 源代码学习 15 useEffect 的触发
作为 React 的开发者，我们知道 useLayoutEffect 是在 render 的 task 内执行的，...
Render 阶段
在 React 中，协调器执行的阶段称作 render 阶段，渲染器执行的阶段称做 commit 阶段在 ren...
ReactDOM.render（一）
ReactDOM.render源码(一) React源码版本16.8ReactDOM.render是React入口...
关于react中render执行两次
刚学react，用react-create-app创建项目后发现render中每次都执行两次。即便我没有改动sta...
React 学习之组件基础
React虚拟DOM概念在React中，render执行的结果得到的并不是真正的DOM节点，结果仅仅是轻量级的J...
四、实现简易的React.createElement() 和 R
1、React.createElement() 2、React.render()
props，state和render的关系
1、当组件的state或者props发生改变的时候，render函数就会重新执行 react数据变化页面重新渲染 ...