React router dom 为什么是"；确切的；给我一个空白页的路由器中的关键字？

我有下面的代码，但对于“/”和“/join”路径，只有Home组件得到渲染-即使在“/join”之后放置了“/”

当我使用

exact

属性时，两条路径都会得到一个空白页

import Home from './Home';
import JoinRoom from './JoinRoom';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

const App = () => {
    return (
        <div>
            <Router>
                <Switch>
                    <Route path='/join' component={JoinRoom} />
                    <Route path='/' component={Home} />
                </Switch>
            </Router>
        </div>
        )
    }
    
export default App

我能做些什么来解决这个问题？谢谢

---

编辑：我应该补充一点，React路由器在一个简单的React应用程序上运行良好。我的问题是当我尝试将它集成到Django时。

不确定为什么它对您不起作用（可能是您从页面重定向到另一页面的方式）

不管怎样，我创建了和你一样的应用程序，它对我来说很有用

也许你能找到不同之处

---

您是否尝试仅在主页路径上使用确切的路径？是的，我尝试过。我试着只在主页路径上使用exact，也使用了带和不带。谢谢回复。在普通的react应用程序上，它对我也很有效，但在我将它与Django集成时，它就不起作用了。有什么建议吗？对不起，我在Django没有经验。可能是服务器端路由器导致了问题。

 "dependencies": {
    "@babel/plugin-proposal-class-properties": "^7.12.1",
    "@material-ui/core": "^4.11.0",
    "@material-ui/icons": "^4.9.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "2.0.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1"
  }