在使用 React Router 时，动态路由和懒加载是非常常见的需求，但也可能会遇到一些坑。以下是常见问题以及对应的解决方法。

---

一、React Router 动态路由常见问题

1. 动态路由匹配问题

动态路由通常通过 :param 定义路径参数，但如果路径参数与静态路由有重叠，可能会导致匹配问题。

问题场景：

<Routes><Route path="/about" element={<About />} /><Route path="/:username" element={<UserProfile />} />
</Routes>

当访问 /about 时，React Router 可能会错误地将其匹配到 /:username。

解决方法：

• 优先匹配静态路由：