React路由中的组件生命周期或非路由组件生命周期 与 父组件生命周期的执行顺序

本文主要是介绍React路由中的组件生命周期或非路由组件生命周期 与 父组件生命周期的执行顺序，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1. 如果子组件不是路由组件的话，那么父组件render的时候会触发其下子组件的生命周期，等所有子组件componentdidmount执行完之后才会执行自己的componentdidmount，一定要记住其下子组件的生命周期是在父组件的render的时候触发的。

2. 但是如果存在路由组件的话，如下这种情况时父组件App.js:
   父组件App的生命周期会先执行完，然后再执行Route中的路由组件的生命周期

render(){
return (
<div>
<Switch>
<Router exact path={'/login'} title="登录" component={Login} />
</Switch>
</div>
)
}

如下的App.js中的路由组件，只有App组件执行完componentdidmount之后才会执行相关路由下的组件的生命周期

这篇关于React路由中的组件生命周期或非路由组件生命周期 与 父组件生命周期的执行顺序的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---