React Router-链接不会替换网址

Question

我对React Router中的链接有疑问。我使用映射来生成带有链接的布局：

  weeksData = weeks.map((weekData)=>{
    const link = 'manager/' + weekData.start + '/' + weekData.end;
    return(
        <li key={weekData.start}>
          <Link to={link}>
            <p>
              <b>{dateHandler.getVisualDate(weekData.start)} - {dateHandler.getVisualDate(weekData.end)}</b>
            </p>
          </Link>
        </li>
    );
  });

问题是，当我单击元素时，URL不会被替换，而是像这样添加：

经理/ 1530504000000/1531108800000 =>经理/ 1530504000000 /经理/ 1529899200000/1530504000000

任何想法如何解决？我当时在考虑使用查询（我的意思是url中的“？”），但我没有设法使其正常工作。

Answer 1

添加额外的/。

const link = '/manager/' + weekData.start + '/' + weekData.end;

这可确保链接位于网络根目录。

如果没有/，则该网址将相对于当前页面。