标签: hookrouter

如何在react中使用hook router获取当前url路径?

我是反应和反应挂钩的新手。我正在使用hookrouter包,我尝试用谷歌搜索这个问题,但没有找到太多相关信息。

我想要的是?

我正在尝试获取当前的 url 路径。对于例如对于https://example.com/users/temp,我想要得到/users/temp

任何帮助将不胜感激。提前致谢!

reactjs react-hooks hookrouter

5
推荐指数
1
解决办法
9262
查看次数

使用带有 create-react-app 的 hookrouter 无法更新导航更改的视图

我正在尝试获取最基本的 hookrouter 示例(react-router-dom 的替代路由库)工作,但无法更改页面。当我单击 /about 链接但 UI 不会更新时,URL 地址将更改为 /about。我将它与一个全新的 create-react-app 项目一起使用。我在 StackBlitz 上尝试了同一个项目,并注意到在安装 hookrouter 后,它说“url”库缺少一个包/依赖项……这很有趣,因为 url 包不是 hookrouter 的依赖项。但是第二次我在 StackBlitz.io 上安装了 url 包,当 url 更改时,链接工作并且 UI 相应地更新。我尝试在我的本地 create-react-app 项目上安装 url 库,但没有解决问题。所以我不确定是否缺少依赖项,但我可以看到 useRoutes 钩子在 URL 更改时实际加载了更改,但无论出于何种原因,UI 都不会更新。这是我的 App.js 文件的代码。

import { A, useRoutes } from 'hookrouter';
import React from 'react';
import './App.css';
import { AboutPage } from './pages/AboutPage';
import { HomePage } from './pages/HomePage';

const routes = {
  '/': () => <HomePage />,
  '/about': () => <AboutPage />
}

function …
Run Code Online (Sandbox Code Playgroud)

reactjs create-react-app hookrouter

4
推荐指数
1
解决办法
763
查看次数