React Router-根据浏览器类型路由不同的页面

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

function App() {
  const isModernBrowser = /* 判断浏览器类型的逻辑 */;

  return (
    isModernBrowser ? (
      <BrowserRouter>
        <div>
          <ul>
            <li><Link to="/home">Home</Link></li>
            <li><Link to="/about">About</Link></li>
          </ul>

          <hr />

          <Route path="/home" component={Home} />
          <Route path="/about" component={About} />
        </div>
      </BrowserRouter>
    ) : (
      <HashRouter>
        <div>
          <ul>
            <li><Link to="/home">Home</Link></li>
            <li><Link to="/about">About</Link></li>
          </ul>

          <hr />

          <Route path="/home" component={Home} />
          <Route path="/about" component={About} />
        </div>
      </HashRouter>
    )
  );
}

function Home() {
  return <h1>Home Page</h1>;
}

function About() {
  return <h1>About Page</h1>;
}

export default App;