获取<Link> React Router组件以计算相对于根域的URL

Question

在goodsite.com上，通过React Router为用户提供了一个链接...链接看起来像这样

<TableCell    
  component={Link} 
  to={`happy/${thing.id}`} 
 >
 {thing.name}
</TableCell>

此链接位于goodsite.com/zh-cn的页面上。

在这种构造下，用户单击链接后，便被带到

goodsite.com/unhappy/happy/dynamicallygenedthing

如何更改上面的react-router结构，以确保用户最终到达以下网址

goodsite.com/happy/dynamicallygenedthing

尝试在快乐前面添加正斜杠

到= {{**/**happy/${thing.id}}

似乎不起作用...

Answer 1

结果证明，通过react路由器的Link组件获取相对URL很容易。以下路径

<TableCell    
  component={Link} 
  to={`../happy/${thing.id}`} 
 >
 {thing.name}
</TableCell>

致力于输出所需的网址

goodsite.com/happy/dynamicallygenedthing