如何不挂载路由跳转页面

要不挂载路由跳转页面，你可以使用 React Router 的 `<BrowserRouter>` 组件。这个组件会将所有的子节点都包含在路由容器中，但是不会将整个应用程序嵌入到路由中。这样，你就可以在不挂载路由的情况下进行页面跳转。

以下是一个使用 `<BrowserRouter>` 组件的示例：

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Route, Link } from 'react-router-dom';

const Home = () => {
  return (
    <div>
      <h1>Home</h1>
      <p>This is the home page.</p>
      <Link to="/about">About</Link>
    </div>
  );
};

const About = () => {
  return (
    <div>
      <h1>About</h1>
      <p>This is the about page.</p>
      <Link to="/">Home</Link>
    </div>
  );
};

ReactDOM.render(
  <BrowserRouter>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
  </BrowserRouter>,
  document.getElementById('root')
);

在这个示例中，我们使用了 `<BrowserRouter>` 组件来包装我们的路由，并使用 `<Route>` 组件定义了两个页面。当用户点击链接时，React Router 会自动处理 URL，并根据匹配的路径显示相应的组件。但是，我们没有将路由容器挂载到任何 DOM 元素上，因此整个应用程序并没有嵌入到路由中。