今天我们React源码交流群里有个小伙伴提出个有趣的问题,觉得自己对React运行流程理解很到位的同学,可以来看看。

对于如下Demo,点击Parent组件的div,触发更新,Son组件会打印child render!么?

functionSon(){

console.log('childrender!');

return

Son

;

}

functionParent(props){

const[count,setCount]=React.useState(0);

return(

{setCount(count+1)}}>

count:{count}

{props.children}

);

}

functionApp(){

return(

);

}

constrootEl=document.querySelector("#root");

ReactDOM.render(,rootEl);

在线Demo地址[1]

关键词: React组件 render