react-router 的v6+新特性用法

<BrowserRouter>

<Routes>

  <Route path="/" element={<Home />} />

  <Route path="/about" element={<About />} />

  <Route path="posts" element={<Posts />}>

 

   <Route path="/" element={<PostLists />} />

    <Route path=":slug" element={<Post />} /> //子路由

   </Route>

</Routes>

</BrowserRouter>

<switch >被Routes 代替了， path   component被element 代替了；

新版的path写法更接近与命令行的写法；