如何防止在ReactJS的URL中添加字符串？

我创建了一个公共用户和注册用户都可以访问的动态菜单。 问题是我有这样一个问题：

{pages.length > 0 ? (
  pages.map(page => (
    <li key={page._id} className="nav-item">
      {page._id ? (
        <Link to={`pages/${page._id}`} className="nav-link">{page.title}</Link>
      ) : (
          <Link to={`pages/${page._id}`} className="nav-link">Hola 2</Link>
        )}
    </li>
  ))
) : (
    <li className="nav-item">
      <a className="nav-link" href="#!">No Pages Found</a>
    </li>
  )}

一旦我进入一个URL，我尝试单击另一个链接，突然它的行为如下：

localhost:3000/pages/pages/5d2ea3a1ef0ba93f9cd1b980

等等：

localhost:3000/pages/pages/pages/5d2ea3a1ef0ba93f9cd1b980

---

有人知道为什么会这样吗？

使用

to={/pages/${page.\u id}}

而不是

to={pages/${page.\u id}}

。如果链接不是以

/

开头，它将被视为相对于当前url。

尝试

Hola 2

我不敢相信它这么容易解决，谢谢！。我将把你的评论标记为有用，因为你没有公布答案。

localhost:3000/pages/pages/pages/5d2ea3a1ef0ba93f9cd1b980