简书 路由

先安装路由：

yarn add react-router-dom

在总的App.js 引入

 import {BrowserRouter, Route,Routes} from "react-router-dom";

并且引入相应的组件地址：

import Home from "./pages/home";
import Detail from "./pages/detail";

以及格式：

class App extends Component {
  render() {
    return (
      <Provider store={store}>
        <div>
          <Header/>
          <BrowserRouter>
            <Routes>
              <Route path={'/'} exact element={<Home/>}></Route>
              <Route path={'/detail/'} exact element={<Detail/>}></Route>
            </Routes>
          </BrowserRouter>
        </div>
      </Provider>
    );
  }
}

这样就写好了，exact是只有百分百匹配到path里的值才能显示当前的内容