关于React张天禹老师嵌套路由Router5和Router6中子组件展示的一些变化

https://www.jianshu.com/p/e93bf7747cd0

引用自简书

一击必杀

将

<Routes>
            <Route path="/home/news" element={<News/>}></Route>
            <Route path="/home/message" element={<Message/>}></Route>
        </Routes>

替换为

<Routes>
            <Route path="news" element={<News/>}></Route>
            <Route path="message" element={<Message/>}></Route>
        </Routes>

一次就出来了。

Router版本不一样还真头疼啊。

--

2023年5月5日 14:51:21

更新

嵌套路由中如果第二段代码之后还要再跟更多的组件

需要将path="news"改为path="news/*"

其实相当于每个路由后面都要加个"/*"