react路由配置

最新推荐文章于 2024-11-15 18:38:13 发布

zyxczyf123

最新推荐文章于 2024-11-15 18:38:13 发布

阅读量250

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/zyxczyf123/article/details/130141955

版权

import React, { Component } from 'react';
import { Route, Switch} from 'react-router-dom'
import  GuardRouter from '../../components/common/GuardRouter'
class MyRouters extends Component {
    // constructor(props){
    //    super(props)
    // }
    render() {
        return (
           <Switch>
               {
                   this.props.router.map(v=>(
                     <Route key={v.path} exact={v.exact} path={v.path} render={()=><GuardRouter {...v}/>}></Route>
                   ))
               }
           </Switch>
        );
    }
}

export default MyRouters;

import React, { Component } from 'react';
import   {
    withRouter
}  from "react-router-dom"
class GuardRouter extends Component {
    render() {
        return (
               <this.props.component  {...this.props}/>
        );
    }
}

export default withRouter(GuardRouter);