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>