访问 React Router 上下文

Accessing React Router Context

我将如何访问我的应用程序中的上下文?。我 运行 进入了一个 react-router 和 redux 错误,我没有从状态中获取我的路由路径,因此我没有得到 match.props 所以我可以设置路径。我的目标是使用上下文来设置我的路由路径。

在 Redux 中存储导航状态通常不是一个好主意。

您可以使用挂钩 useHistoryuseLocationuseParamsuseRouteMatch.

从 react-router 上下文访问数据

可能这就是你想要的,它 returns 当前路径像 "/users/joe":

const {pathname} = useLocation();

如果您想要与 Route 匹配的路径模板,例如 "/users/:username",那么您可以使用:

const {path} = useRouteMatch();