React-router 嵌套路由传值(render和children)

最新推荐文章于 2024-09-17 16:54:52 发布

$(薛定谔的喵)

最新推荐文章于 2024-09-17 16:54:52 发布

阅读量7.3k

点赞数

分类专栏： React 文章标签： React-router 嵌套路由传值(render和children

本文链接：https://blog.csdn.net/Chad97/article/details/89339465

版权

本文通过一个小例子探讨React-router的嵌套路由传值，解释了使用`render`和`children`属性进行传值的正确方法。错误示范与正确示范对比展示了如何在组件中利用`this.props.history.push`进行编程式导航，并指出传参可以通过`props.location.state`获取。同时，提到了Route组件的`render`和`children`属性在传值中的应用。

摘要由CSDN通过智能技术生成

小栗子：

例如：
我们的路由格式如下:

let router = [
    {
   
        path: '/',
        component: Rhome,
        exact: true,
    },
    {
   
        path: '/user',
        component: User,
        routes: [ //嵌套路由
            {
      
                type: Route,
                path: '/user/',
                component: Main
            },
            {
   
                type: Route,
                path