我正在使用react-router-dom在 React 站点中创建客户端页面。这个扩展工作正常，但我想知道是否有办法隐藏 URL 扩展，使其不出现在浏览器导航栏中。

这是我的代码：

class App extends Component {
  render() {
    return (
      <div>
        <ul>
          <li><Link to="/">Home</Link></li>
          <li><Link to="/airports">Airports</Link></li>
          <li><Link to="/cities">Cities</Link></li>
          <li><Link to="/courses">Courses</Link></li>
        </ul>

        <Route path="/" exact component={Home}/>
        {/* You don't always have to render a whole component */}
        <Route path="/airports" render={() => (<div> This is the airport route </div>)}/>
        <Route path="/cities" component={City}/>
        <Route path="/courses" component={Courses}/>
      </div>
    );
  }
}

所以点击Airports会显示www.myurl.com/airports，点击Cities显示www.myurl.com/cities。由于这些页面是在客户端而不是服务器端创建的，我真的很想隐藏这些扩展，以便每当我点击这些链接时，它只会显示www.myurl.com.

希望有一种简单的方法来实现这一点。任何帮助是极大的赞赏！