响应:URL更改但组件未呈现

时间:2019-03-04 21:51:46

标签: javascript reactjs react-router

我有一个使用react-router的应用程序。当我从服务器加载时,一切正常。但是,当我尝试通过“链接”组件点击一条路线时,它只会更改URL,而不会加载该组件。有人可以帮我解决这个问题

<Router>
  <NavRemover>
    <ListRemover>
      <ul>
        <li>
          <Link to='/dashboard/organizationContact'>Organization Contacts</Link>
        </li>
        <li>
          <Link to='/dashboard/products'>Products</Link>
        </li>
        <li>
          <Link to='/dashboard/sales'>Sales</Link>
        </li>
        <li>
          <Link to='/dashboard/purchaseOrders'>Purchase Orders</Link>
        </li>
        <li>
          <Link to='/dashboard/shipment'>Shipments</Link>
        </li>
        <li>
          <Link to='/dashboard/everything'>Everything</Link>
        </li>
        <li>
          <Link to='/dashboard/reports'>Reports</Link>
        </li>
        <li>
          <Link to='/dashboard/settings'>Settings</Link>
        </li>
        <li>
          <Link to='/dashboard/logout'>Logout</Link>
        </li>
      </ul>
    </ListRemover>
  </NavRemover>
</Router>
</SideWrapper>
</SideBar>
</Grid.Column>
<Grid.Column width={10}>
  <h1 style={{ float: "left"}}>
    <Router>
      <Switch>
        <Route path='/' exact component={ Dashboard}/>
        <Route exact path='/dashboard/organizationContact' component={OraganizationContacts}/>
        <Route exact path='/dashboard/products' component={Products}/>
        <Route exact path='/dashboard/sales' component={Sales}/>
        <Route exact path='/dashboard/purchaseOrders' component={PurchaseOrders}/>
        <Route exact path='/dashboard/shipment' component={Shipments}/>
        <Route exact path='/dashboard/everything' component={Everything}/>
        <Route exact path='/dashboard/reports' component={Reports}/>
        <Route exact path='/dashboard/settings' component={Settings}/>
        <Route exact path='/dashboard/logout' component={LogOut}/>
      </Switch>
    </Router>

0 个答案:

没有答案