如何检测是否设置了react-router？

Question

我在第三方组件中使用了react-router-dom钩子useLocation()。

默认情况下，此组件行为取决于当前路由，但也可以在没有react-router的应用程序中使用(组件的用户不应关心它)

问题是，当组件在react-router作用域之外使用时，它会抛出一个错误：

Cannot read property 'location' of undefined

我的问题是如何知道是否可以使用useLocation()挂钩(如何知道组件是否在react-router上下文中)？

Answer 1

@Krzysztof Cieslinski提出的类似问题的最简单解决方案是在try/catch块中包装useLocation()钩子：

let path = ''
try {
  path = useLocation().pathname
} catch (e) {}