React-router-dom 与 Material-ui 工作但不安装组件

Question

我正在做这个项目：https://codesandbox.io/s/trusting-frog-089l2 我的目标是（因为 react-router-dom 应该可以工作）使用顶部的 Material-UI 按钮在各种组件之间导航。唯一的问题是，当路由器工作时（我可以看到地址栏上的挂载点发生了变化），正确的组件没有被挂载。有谁知道如何解决这个问题？

Answer 1

 path='/studio/'

应该替换为

path='/studio'

您还应该将第一条路由更改为具有 exact 属性并将其从其余的 Route 组件中删除

你的开关应该是这样的：

<Switch>
     <Route exact path="/" component={Home} />
     <Route path="/studio" component={Studio} />
     <Route path="/stanzino" component={Stanzino} />
     <Route path="/affitti" component={Affitti} />
     <Redirect to="/" />
</Switch>