reactjs - React Router- 链接不会替换 url

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;

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

如果没有 /，url 将相对于当前页面。