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

Question

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

此组件行为默认取决于当前路由，但也可以在没有 react-router 的应用中使用（组件的用户不应该关心它）

问题是当组件在 react-router 范围之外使用时会抛出错误：

Cannot read property 'location' of undefined

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

Answer 1

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

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