当/结束时，React Router v4 URL带有params错误

Question

我对React Router有问题。

我已经在代码沙箱中创建了一个简单的应用程序来演示它。

link to the codesandbox

说明

在路由器中，如果末尾带有“ /”或“ / param”，则在单击其他链接后会添加额外的单词。

例如，有4个菜单项

• 绩效现金-https://foo.com/
• 预测现金- https://foo.com/forecast
• 现金入账列表-https://foo.com/cashinlist
• 显示器-https://foo.com/newmonitor

何时向网址https://foo.com/forecast添加“ /”或某些参数“ / 2”，然后单击其他菜单项（“现金流入效果”网址除外）后，该URL看起来像这样（例如，单击“监视器”）

https://foo.com/forecast/newmonitor

但是应该是https://foo.com/newmonitor

复制步骤

1. 转到沙盒上的代码（使用上面的链接）

2. 单击“预测现金”链接

   网址应为https://myjn2170zp.codesandbox.io/forecast

3. 然后单击三个预测之一。

   例如，预测1和网址应为this https://myjn2170zp.codesandbox.io/forecast/1

4. 之后，单击“监视器”链接

   网址是这样的https://myjn2170zp.codesandbox.io/forecast/newmonitor

   但是应该像这样https://myjn2170zp.codesandbox.io/newmonitor

在网址中添加了

单词“ precast ”，但它不应该这样。

Answer 1

您需要将初始链接设置为以git checkout .开头。否则，像/这样的链接总是被解释为转到当前文件夹中的“某物”。这是正常的浏览器行为，与react / react-router无关。

所以使用

href="something"