在进行父组件嵌套子组件的开发中,误把父组件需要嵌套的子组件标签写成了该符组件标签,结果run起来的时候,虽然显示编译成功,但是浏览器却迟迟无法打开,桌面上的360卫士悬浮窗显示内存占比迅速飙升,等待一段时间之后,浏览器显示无法加载,即使重启我的VScode也还是一样的结果,最后发现了问题所在,错误的部分代码如下:
//子组件
function CmtItem(props){
return <div>
</div>
}
//父组件
class CmtList extends React.Component{
constructor(){
super()
this.state = {
}
}
render(){
return <div>
{this.state.CommentList.map(item => <CmtList ></CmtList >)}//问题所在
</div>
}
}
ReactDOM.render(<div>
<CmtList></CmtList>
</div>, document.getElementById('app'))
推测可能是发生了死锁,就像while循环,陷入了死循环一样。