react简单入门-react-router6.0及以上路由传参，以及接受参数

前言：
本文章将讲述两种不同的方式的传参方法：

方法一：

类似：/home/123、/home/123/zhangsan
先看demo：
根组件：
只关心我框出来的内容即可

Home组件：

HomeItem组件：

Invoice组件：

导入的依赖：

场景：
比如说，我想访问主页，但是每个人的主页信息是不同的，直接访问/home肯定是确定不了的，需要携带一些参数，比如id和name之类的，这样你才能确定你访问是谁的主页，那路径就有可能是类似这样的/home/zhangsan，又或者说有可能会有同名的人，那我有可能会进行分组，想找具体组的具体的“zhangsan”，那就有可能访问的是/home/123/zhangsan

传参：其实上诉场景中就已经是传参了，比如访问/home/zhangsan或/home/123/zhangsan，但实际情况中，往往不可能让用户直接在浏览器地址栏直接访问这两个路径，开发者也不会直接写死<Link to="/home/zhangsan">张三的主页</Link>