useNavigate路由跳转异常：无法跳转至根路径下指定路由求助

问题出在你使用了相对路径进行跳转，React Router的navigate函数在接收不带斜杠开头的路径时，会自动基于当前路由的路径进行拼接，导致出现嵌套路径的问题。

要跳转到根路径下的portfolio路由，只需要给路径加上开头的斜杠，将其改为绝对路径即可：

<span onClick={() => navigate(`/portfolio/${user}`)}
      className="text-orange-400 cursor-pointer"
>
  {profile?.name}
</span>

补充说明：{ replace: true }参数的作用是替换浏览器历史记录中的当前条目，而非新增一条，它不会改变路径的生成逻辑，所以之前添加这个参数无法解决路径拼接的问题。

内容的提问来源于stack exchange，提问作者Coolkid