在 React Router 中，Switch 组件的主要功能是什么？请说明它的使用场景和作用机制。

回答思路

1. 【回答框架 1】Switch 是 React Router 中的一个组件，用于渲染与当前 URL 匹配的第一个 Route 或 Redirect。它确保在同一时间只渲染一个路由，避免多个路由同时匹配导致页面显示多个组件。
2. 【回答框架 2】在没有 Switch 的情况下，React Router 会渲染所有匹配当前 URL 的 Route，这可能导致多个组件同时出现在页面上。Switch 通过遍历子路由，找到第一个匹配的路径并只渲染该路由，提高了路由匹配的精确性。
3. 【回答框架 3】Switch 常用于需要唯一匹配的场景，例如在导航栏或页面主体中，确保用户看到的内容是单一的。它通常包裹一组 Route，并根据当前路径确定要显示的内容。
4. 【回答框架 4】Switch 的工作机制是：它遍历其子元素，找到第一个 path 与当前 URL 匹配的路由，并只渲染该路由，而忽略其他不匹配的路由。这使得路由匹配更可控，避免歧义。
5. 【回答框架 5】使用 Switch 时，注意路由顺序很重要，因为匹配是自上而下进行的。应将更具体的路由放在前面，否则可能被更通用的路由提前匹配。此外，Switch 不会改变路由的行为，只影响渲染逻辑。
6. 【关键点 1】Switch 只渲染第一个匹配的路由，确保页面唯一内容。
7. 【关键点 2】Switch 避免多个路由同时匹配，减少渲染冲突。
8. 【关键点 3】路由顺序影响匹配结果，应优先放置特定路由。
9. 【易错点 1】误以为 Switch 是路由守卫，它只负责渲染匹配，不处理重定向或权限逻辑。
10. 【易错点 2】忽略路径匹配的精确性，未设置 exact 可能导致意外匹配。