Javascript React路由器v4结束斜杠模糊

当我在

记分板

中单击

添加

链接时，我无法进入

添加

页面

如果我试图在

App

中将

exact

添加到

/scoreBoard

的路径中，那么当我在

add

页面中单击

back

时，我无法返回到

scoreBoard

，因为url包含一个结束斜杠

/scoreBoard/

当然，当我将斜杠放到

链接时，我可以删除它。我不确定是否还有其他选择

const App = () => {
  return (
    <Router>
      <div>
        <Link to='/scoreBoard'>ScoreBoard</Link>
        <Switch>
          <Route exact path='/' render={() => <h1>Home</h1>}/>
          <Route path='/scoreBoard' component={ScoreBoard}/>
          <Route path='/scoreBoard/add' component={AddScorePanel}/>
        </Switch>
      </div>
    </Router>
  );
};

const ScoreBoard = ({match}) => {
  return (
    <div>
      <h1>ScoreBoard</h1>
      <Link to={`${match.url}/add`}>Add</Link>
    </div>
  );
};

const AddScorePanel = ({match}) => {
  return (
    <div>
      <h1>Add</h1>
      <Link to={`${match.url}/..`}>Back</Link>
    </div>
  );
};

const-App=（）=>{
返回(
记分牌
主页}/>
);
};
常量记分板=（{match}）=>{
返回(
记分牌
添加
);
};
const AddScorePanel=（{match}）=>{
返回(
添加
返回
);
};
使用
精确路径=“/scoreBoard/”
能解决问题吗？@lilezek提出了一个很好的建议。我认为这可以解决问题，而且是一个干净的解决方案。但是，对于所有的
链接
，我总是需要在
to
上加一个结束斜杠。只是好奇，我还是想知道其他人是如何解决这个问题的。