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>