Javascript 如何在React JS中创建类路由（domain.com/dashboard/products）

我是新手。我想做的路线可能像

（仪表板/产品）

。这怎么可能。我创建了，但它不能正常工作。。能帮我拿些吗。 谢谢

<div style={wrapperStyle.MainWrapper}>
      <h1>Dashboard Page</h1>

      <div style={wrapperStyle.leftSideMenues}>
          <h1>Left Side Menues</h1>
          <div>

          </div>
      </div>
      <Router>
              <Switch>
                  <Route path='/' exact component= {Dashboard}/>
                  <Route path='/dashboard/:organizationContact' component={OraganizationContacts}/>
                  <Route path='/dashboard/products' component={Products}/>
                  <Route path='/sales' component={Sales}/>
                  <Route path='/purchase_orders' component={PurchaseOrders}/>
                  <Route path='/shipment' component={Shipments}/>
                  <Route path='/everything' component={Everything}/>
                  <Route path='/reports' component={Reports}/>
                  <Route path='/settings' component={Settings}/>
                  <Route path='/logout' component={LogOut}/>
                  <Route component={NotFound}/>
              </Switch>
          </Router>
  </div>

仪表板页面
左侧菜单

您可以按以下方式重新排列路线：

<Route exact path='/dashboard/products' component={Products}/>
<Route exact path='/dashboard/:organizationContact' component={OraganizationContacts}/>

你可能想看看你的意思是说我应该为所有路由添加

exact

？是的，在react-router4中，路由使用正则表达式匹配，因此通过添加

exact

它匹配确切的路由。例如，在route中。如果用户单击仪表板/用户，我只想显示

用户

组件数据。现在它显示了两个组件数据。如何避免仪表板组件数据？如果路由为

仪表板/用户

，则应根据路由转到

组织联系人

组件