介绍 import React 得到& # 39;反应# 39;;
import ReactDOM 得到& # 39;react-dom& # 39;;
{import HashRouter as 路由器,,路线,,开关},得到& # 39;react-router-dom& # 39;;
import createBrowserHistory 得到& # 39;历史/createBrowserHistory& # 39;;
import UserAddPage 得到& # 39;。/页面/UserAdd/指数# 39;;
import HomePage 得到& # 39;。/页面/Home/指数# 39;;
import HomeLayout 得到& # 39;。/组件/HomeLayout指数# 39;;
const hashHistory =, createBrowserHistory ();
const NoMatch =,({},的位置),=祝辞,(
,& lt; div>
& lt;才能h4>无法匹配,& lt; code> {location.pathname} & lt;/code> & lt;/h4>
,& lt;/div>
)
ReactDOM.render ((
,& lt; Router 历史={hashHistory}比;
& lt;才能div>
,,& lt; HomeLayout>//总会加载这个组件,并且下面,swicth 里面的组件会在它里面,render
,,,& lt; Switch>
,,,,& lt; Route 路径=??exact 组件={主页}/比;
,,,,& lt; Route 路径=?user/add",组件={UserAddPage}/比;
,,,,& lt; Route 组件={NoMatch}/比;
,,,& lt;/Switch>
,,& lt;/HomeLayout>
& lt;才能/div>
,& lt;/Router>
),,. getelementbyid(& # 39;根# 39;));
今天就跟大家聊聊有关使用react-router4怎么实现嵌套路由,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
看完上述内容,你们对使用react-router4怎么实现嵌套路由有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。
