时间戳

首页 > 解决方案 > 反应应用程序中的路由未按预期工作

javascript - 反应应用程序中的路由未按预期工作

问题描述

我一直在尝试使用 react-router-dom 更改 react 应用程序的路由

<Switch>
  <Route path="/id" component={Random}/>
  <Route path="/" exact component={Products}/>
  
  </Switch>

在应用程序内部，当我在 URL 中使用 /id 时，它呈现的是产品组件而不是随机组件

在 index.js 中，代码是：

ReactDOM.render(
 <BrowserRouter><Products/></BrowserRouter>,document.getElementById("root")
);

标签： javascriptreactjs

解决方案

您应该在 BrowserRouter 标签内渲染 Switch 组件。

推荐阅读