import { routesArray } from './routerArray'
import {renderRoutes, matchRoutes} from 'react-router-config';
import {HashRouter} from 'react-router-dom';
function App() {
return(<HashRouter>
{renderRoutes(routesArray)}
</HashRouter>);
}
export default App;
import FirstLayout from '../page/FirstLayout'
import SecondLayout from '../page/SecondLayout'
import ThirdLayout from '../page/ThirdLayout'
const routesArray = [
{
path : "/",
component : FirstLayout,
routes : [
{
path : "secondLayout",
component : SecondLayout,
routes : [
{
path : "ThirdLayout",
component : ThirdLayout,
}
]
}
]
}
]
export default routesArray ;
import {renderRoutes, matchRoutes} from 'react-router-config';
import {Link} from 'react-router-dom';
let FirstLayout = (props)=>{
return(<div>
<Link to="/secondLayout"></Link>
{renderRoutes(props.route.routes)}
</div>);
}
import {renderRoutes, matchRoutes} from 'react-router-config';
import {Link} from 'react-router-dom';
let SecondLayout = (props)=>{
return(<div>
<Link to="/secondLayout"></Link>
{renderRoutes(props.route.routes)}
</div>);
}
import {renderRoutes, matchRoutes} from 'react-router-config';
let ThirdLayout = (props)=>{
return(<div>
thirdLayout
</div>);
}
原文地址:https://blog.csdn.net/wq123123423432/article/details/120924910
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。