如何通过 react-router 隐藏 url，因此组件不应该可见

Question

我有一个页面显示所有带有 URL 的玩家：www.mysite.com/players，但我想对 ULR 隐藏 'players' 字样。应该有相同的结果，但是 URL 就像 www.mysite.com/。有什么想法可以实现吗？

import React from 'react';
import { Route, Switch } from "react-router-dom";
 <Switch>
 <Route exact path="/" component={HomePage} />
 <Route path="/players" component={Players} />
 <Route path="/about" component={AboutPage} />
 </switch>

我只想对 URL 隐藏文字玩家。提前致谢..

Answer 1

要控制页面状态，您可以通过以下方式：

带路径的路由（你不想用这个）
哈希路由 (https://reacttraining.com/react-router/web/api/HashRouter)
反应状态 (this.setState({ currentPage: 'players }):

       switch(this.state.currentPage) {
          case 'players':
            return <PlayersPage />
          default:
            return <IndexPage />
       }

你的情况我推荐你第三种方式。

如何通过 react-router 隐藏 url，因此组件不应该可见

How to hide url by react-router, so component should not be visible

reactjs

react-router-v4