useParams用于动态路由
使用方式为：<Route path=":id" element={<Details />}/>
然后网址中进入http://localhost:3000/83c7ba2f时，url中的"83c7ba2f"就绑定到id上，此时所有的路由都被匹配到Details组件上
在Deatils组件中使用let params = useParams()就可以获得一个对象{id："83c7ba2f"}根据拿到的动态id可以进行下一步处理
路由匹配规则
如果在当前设置了其他路由
<Route path=":id" element={<Details />}/>
<Route path="/main" element={<Main />} />
即便把动态路由写在前面也不会影响到其他路由
