React-router-dom v6.x的使用

React-router-dom v6.x的使用

前言

react-router-dom v6的具体内容可以在react-router-dom文档上查看，但是是英文版，英语水平不好的同学可以在网上找大佬的翻译。
本人在公司搭了一个简单的后台管理系统的模板，今天想升级一下依赖，随便研究了一下react-router-dom6.x版的使用。总的来说，变化不是特别大。现在我把常用的几个变动总结一下，供大家参考：

1. 原先的<Switch>替换成了<Routes>

按照网上大佬的说法，<Routes>不仅完美的替代了<Switch>，语义上更能让人理解之外，还做了优化，但这部分我还没有去研究，粗略翻看了GitHub上的文档，也没有看到比较全面的说法。其用法也简单，直接替换之前的<Switch>即可。

// v6之前版本
<BrowserRouter>
    <Switch>
    	<Route />
      ...some routes
    </Switch>
</BrowserRouter>

// v6版本
<BrowserRouter>
    <Routes>
    	<Route />
      ..