如何将React路由渲染方式与withRouter高阶组件及自定义导航组件结合应用？

本文共计1853个文字，预计阅读时间需要8分钟。

目录

1.路由的三种渲染方式

1.1 组件渲染方式 1.2 函数渲染方式 1.3 案例 - 登录成功才能访问某页面 1.4 children 方式渲染

2.withRouter 高阶组件

3.自定义导航组件

目录

• 1. 路由的三种渲染方式
• 1.1 component渲染方式
• 1.2 render方式渲染
• 1.3 案例-登录成功才能访问某个页面
• 1.4 children方式渲染
• 2. withRouter高阶组件
• 3. 自定义导航组件

1. 路由的三种渲染方式

1.1 component渲染方式

描述：

这种渲染方式有两种，一种是类方式渲染，一种是函数方式渲染。