v6路由参数解析优化

v6路由参数解析优化踩坑记录

最近在将项目从React Router v5升级到v6时，遇到了一个令人头疼的路由参数解析问题。原本在v5中使用的match.params在v6中被完全移除，这导致大量代码需要重构。

问题复现步骤：

1. 在v5中使用const { id } = useParams()获取路由参数
2. 但在实际项目中，我们经常需要通过useParams()获取的参数进行复杂处理
3. 最终发现v6中params获取方式完全改变，需要配合useMatch或直接使用useParams

具体代码示例：

// v5写法（已失效）
const { id } = match.params;

// v6正确写法
const params = useParams();
const { id } = params;

// 或者更简洁
const { id } = useParams();

优化建议：

1. 使用useParams()直接获取参数对象
2. 对于复杂路由匹配，使用useMatch进行精确匹配
3. 建议统一项目中的参数解析方式，避免混用不同版本的API

升级过程中还发现了v6中关于嵌套路由处理的差异，建议在升级前先备份代码，逐步迁移。