在使用 React 进行路由切换时，当导航到同一个组件但参数或路径发生变化时，组件不会自动重新渲染。针对这一问题，请列举并说明可行的解决方案。
考察说明
考查对 React 组件生命周期和路由更新机制的理解，以及解决同一组件不重新渲染问题的能力。
回答思路
- 【回答框架 1】根本原因：当路由变化但是复用同一组件实例时，React 不会重新挂载组件，因此不会触发 componentDidMount 或 useState 的初始化逻辑。需要利用组件更新阶段（componentDidUpdate）或监听路由变化来响应参数变更。
- 【回答框架 2】解决方案一：使用 React Router 的 key 属性，在路由组件上设置 key 为路径或参数值，强制 React 重新创建组件实例，从而触发重新渲染和生命周期。
- 【回答框架 3】解决方案二：在组件内部通过 useParams 获取路由参数，并使用 useEffect 监听参数变化，在依赖数组中包含参数，从而在参数更新时执行相应逻辑。
- 【回答框架 4】解决方案三：使用 withRouter 或 useHistory 获取当前 location，并监听 location.pathname 或 search 的变化来触发更新。
- 【回答框架 5】解决方案四：在父组件中通过 state 或 context 传递路由信息，在子组件中相应处理，或者使用高阶组件封装逻辑。
- 【关键点 1】使用 key 强制重新挂载组件。
- 【关键点 2】使用 useEffect 监听路由参数变化。
- 【关键点 3】使用 withRouter 或 useHistory 监听 location 变化。
- 【易错点 1】直接依赖 componentDidMount 而忽略更新阶段。
- 【易错点 2】在 useEffect 中未正确设置依赖数组导致监听失效或无限循环。
- 【易错点 3】过度使用 key 可能导致不必要的组件销毁重建，影响性能。