如何在 ReactJS 中获取没有正斜杠的路由名称

Posted 2023-02-21

【中文标题】如何在 ReactJS 中获取没有正斜杠的路由名称

【英文标题】：How to get route name without Forward Slash in ReactJS

【发布时间】：2019-08-15 23:35:22

【问题描述】：

我创建了一个组件，我通过window.location.pathname 获取路由名称，它工作正常并给了我一个路由名称，但我想从路由名称中删除正斜杠/。我是 ReactJS 的初学者，有人可以帮我解决这个问题吗？

const pathName=window.location.pathname;

【问题讨论】：

前导斜杠还是尾随斜杠？

在 react router 2 中你可以通过this.props.routes[this.props.routes.length-1] 获取当前路由。

@IsaacVidrine 虽然这是一个相当旧的版本，但当前的反应路由器版本是 v5。相同的代码是否适用于最新版本？

@SterlingArcher 无法确认 v5，但 this 似乎是 v4 的公认答案。

【参考方案1】：

您可以使用substr 仅在/ 之后获取字符串

const pathName= window.location.pathname.substr(1,)

console.log(pathName)