Reactjs 如何制定具体的组件初始路线？

我刚刚在我的应用程序中实现了react路由器。我有一系列在不同URL上呈现的“页面”（组件）：

ReactDOM.render(
  <BrowserRouter>    
    <div>
      <Route path='/Home' component={Home} />
      <Route path='/Shop' component={Shop} />
      <Route path='/Contact' component={Contact} />
    </div>
  </BrowserRouter>,
  document.getElementById('root')
)

但这里的问题是，因为

/

在每个url中，所以我输入的任何url都会重定向到主页

如果

/

是唯一附加到url的内容，是否有办法使其更加明确，从而重定向？还是有更好的方法来解决我的整个问题？任何帮助都将不胜感激

变化

<Route path='/Home' component={Home} /> 

到

现在，仅当您正处于

/

状态时，主页才会显示

编辑：请参见此处的文档：

更改

<Route path='/Home' component={Home} /> 

到

现在，仅当您正处于

/

状态时，主页才会显示

---

编辑：查看此处的文档：

我想你可以使用

@FuzzyTree我遇到的问题是，它会每隔一页呈现

主页

，因为它们的url中都有

/

。请参阅我的答案。添加exact={true}可以解决这个问题。我想你可以使用

@FuzzyTree我遇到的问题是，它会每隔一页呈现

主页

，因为url中也都有

/

。请参阅我的答案。添加exact={true}将解决此问题。谢谢！！这正是我所需要的；）非常感谢。这正是我所需要的；）

<Route path='/' exact component={Home} />