Как создать маршрут типа (domain.com / dashboard / products) в React JS

Question

Я новичок в ReactJS.Я хочу сделать маршрут, который может понравиться (dashboard/product).Как это было бы возможно.Я создал, но он не работает должным образом. Могут ли некоторые помочь мне.Спасибо.

<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>

Answer 1

Вы можете изменить порядок маршрутов следующим образом:

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