Javascript React Router在同一页上呈现目标页

在子组件中，我使用

useParams（）

呈现通过URL传入的

id

。但是，问题是它不会将用户重定向到新页面

/release/：id

，而是在同一页面上呈现此

VersionComponent

---

如何使其重定向到传入了

id

的新页面？

这将在“新建”选项卡中打开页面

export const VersionPage = (props) => {
  const classes = useStyles();
  const { releaseTitle } = props
  let { id } = useParams();
  return (
    <Fragment>
      <h3}>{id}</h3>
    </Fragment>
  );
}

---

这将在新选项卡中打开页面

export const VersionPage = (props) => {
  const classes = useStyles();
  const { releaseTitle } = props
  let { id } = useParams();
  return (
    <Fragment>
      <h3}>{id}</h3>
    </Fragment>
  );
}

您不应该将路由器包装在地图中，React应用程序是单页的，您应该使用路由器根据url和参数显示/隐藏页面。您不应该将路由器包装在地图中，React应用程序是单页的，您应该使用路由器根据url和参数显示/隐藏页面。

<Link target='_blank' className={classes.link} to={`/version/${item.id}`}><BarComponent/></Link>