基础知识 - 路由 ​

<!-- 路由组件 IndexRouter.jsx -->
import React from "react";
// 路由模块
import { HashRouter, Route } from "react-router-dom";
// 组件
import Home from "./tabber/Home";
import News from "./tabber/news";
import Wode from "./tabber/wode";
export default function IndexRouter() {
  return (
    <div>
      {/* Hash模式 */}
      <HashRouter>
        {/* 路由表 */}
        <!-- 一级路由 -->
        <Route path={"/Home"} component={Home}></Route>
        <Route path={"/News"} component={News}></Route>
        <!-- 多级路由 -->
        <Route path={"/Wode/Wode"} component={Wode}></Route>
      </HashRouter>
    </div>
  );
}

<!-- App.jsx -->
import React from "react";
import ReactDom from 'react-dom';
// 导入自己封装的路由组件
import IndexRouter from "./view/一级路由与多级路由/IndexRouter";
export default function App() {
  return (
    <div>
      <IndexRouter></IndexRouter>
    </div>
  );
}

ReactDom.render(<App/>,document.getElementById('root'))