为什么我的 Cart.js 没有呈现?反应路由器

时间:2021-08-01 18:28:01

标签: reactjs react-router react-router-dom

我试图在用户访问 Carrito.js 时呈现我的 /carrito 组件,但该组件未呈现。我尝试使用 <Link to='/carrito /> Carrito </Link> 和锚标记,但它们都没有呈现它。

<Router>
        <Route
          path="/tienda"
          exact
          component={({ history }) => <Productos history={history} />}
        />
        <Route
          path="/carrito"
          component={({ history }) => <Carrito history={history} />}
        />
</Router>

如果您需要其他任何信息,我可以提供任何信息

编辑:

如果我在 <Carrito /> 所在的位置渲染 <Productos />,它会显示组件,因此它可能是 Route 的问题

1 个答案:

答案 0 :(得分:0)

出于某种原因,我刚刚添加了 <Switch></Switch> 中的 react-router-dom,并在其中添加了路由,现在全部呈现。

<Router>
        <Navbar />
        <Switch>
          <Route path="/tienda">
            <Productos />
          </Route>
          <Route path="/carrito">
            <Carrito />
          </Route>
        </Switch>
      </Router>