“不应在<Router>之外使用<Switch>”，尽管BrowserRouter可用

不应在<Router>之外使用<Switch>。尽管BrowserRouter可用。

在React Router中，<Switch>组件用于渲染与当前URL匹配的第一个子<Route>或<Redirect>。它只会渲染一个路由，一旦找到匹配的路由，就会停止继续渲染其他路由。

<Router>是React Router的根组件，用于提供路由功能。在大多数情况下，我们会使用<BrowserRouter>作为<Router>的实现，它使用HTML5的history API来管理URL，并将URL与React组件进行关联。

根据给定的问答内容，我们可以解释为什么不应在<Router>之外使用<Switch>。由于<Switch>是用于渲染与当前URL匹配的路由组件，它需要在<Router>的上下文中才能正常工作。如果在<Router>之外使用<Switch>，它将无法获取到正确的URL信息，导致无法正确匹配路由。

因此，我们应该将<Switch>组件放置在<Router>组件内部，以确保它能够正常工作。以下是一个示例代码：

import { BrowserRouter, Switch, Route } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route path="/contact" component={Contact} />
      </Switch>
    </BrowserRouter>
  );
}

在上面的示例中，<Switch>组件被放置在<BrowserRouter>组件内部，以确保它能够正确匹配和渲染路由。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：腾讯云云服务器
• 腾讯云云数据库MySQL版：可靠、可扩展的云数据库服务。详情请参考：腾讯云云数据库MySQL版
• 腾讯云人工智能：提供丰富的人工智能服务和解决方案。详情请参考：腾讯云人工智能
• 腾讯云物联网套件：提供全面的物联网解决方案，帮助构建智能化应用。详情请参考：腾讯云物联网套件
• 腾讯云移动推送：为移动应用提供高效、稳定的消息推送服务。详情请参考：腾讯云移动推送
• 腾讯云对象存储（COS）：安全、稳定、低成本的云端存储服务。详情请参考：腾讯云对象存储
• 腾讯云区块链服务（BCS）：提供一站式区块链解决方案，助力企业快速搭建区块链应用。详情请参考：腾讯云区块链服务
• 腾讯云游戏多媒体引擎（GME）：提供游戏音视频通信解决方案，支持实时语音、语音识别等功能。详情请参考：腾讯云游戏多媒体引擎
• 腾讯云云原生应用引擎（TKE）：帮助用户快速构建、部署和管理容器化应用。详情请参考：腾讯云云原生应用引擎

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。