问题标签 [connected-react-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1917 浏览

reactjs - react redux - 如何重新加载页面而不是“推送”

我有一个注销用户的 thunk 操作

在注销 thunk 动作中,我有这个: dispatch(push('/login'));

我想用“刷新”重定向用户以注销以刷新页面和。“清理”国家

另外,我想清理 redux 商店,而不是它不干净

当我点击组件中的按钮时

减速器

0 投票
1 回答
2651 浏览

reactjs - 未捕获在状态树中找不到路由器减速器,它必须安装在“路由器”下

React 路由器工作正常。但是如果我添加<Redirect>或调用 from <Link>,我有这个例外:

未捕获在状态树中找不到路由器减速器,它必须安装在“路由器”下

rootReducer.js:

商店.js:

0 投票
1 回答
183 浏览

javascript - 反应路由器相同的路由不同的参数

我有两条不同页面的路线,例如:

此链接:app.com/headphones/airpod3将我带到类别视图,因为路线不理解这是产品或类别的名称。

我的问题是某些类别可能有子类别,但有些没有。我对可选的 :page 参数进行了分页

我需要像这样路由我的应用程序:
app.com/usb-cable/light-cable/1app.com/headphones/apple/airpod3将我带到产品页面
app.com/headphonesapp.com/headphones/apple类别视图

我怎样才能像这样路由我的应用程序?

0 投票
2 回答
37 浏览

reactjs - 如何在不引用 React 中的动态值的情况下在 URL 中传递“:”?

问题是当你想给一个 url 引入一个动态值时,你必须使用 ":" 来引用它。

例如,假设我有一个包含很多用户的列表,并且我添加了一个按钮来获取有关他们的更多信息,并且我希望 URL 包含您从中获取所有信息的用户的用户名。我会做这样的事情:

当我出于某种原因必须在 URL 中输入“:”而不意味着我希望 URL 的那部分发生更改时,就会出现问题。基本上要有一个带有“:”的静态URL。

这可能吗?如果可以,我该怎么做?

0 投票
1 回答
179 浏览

reactjs - 使用connected-react-router时如何防止react页面重新渲染

当我导航到 DataPage 屏幕时,它将调用 fetchData api,大约需要 20 秒才能获得响应。

如果我在 20 秒内转到另一个页面而服务器没有完全响应并返回 DataPage,它将触发另一个 fetchData api。

我只想让这个 api 调用这个 DataPage 屏幕的第一次渲染。

我知道这可以使用 useState 或 useRef 来完成,但我想要的是重新使用已经呈现的组件,而不是再次重新安装 DataPage。

使用 connected-react-router 中的 push / replace 将挂载新组件。

谢谢。

0 投票
2 回答
135 浏览

reactjs - Saga 中的 yield axios.get() 调用将路径名更改为默认位置“/”

我有这个 Saga 用于从 localStorage 检索令牌并自动登录用户

因此,如果我访问应用程序中的任何路径,例如“/users”,它在执行 saga 后保持不变。

现在上面的代码运行良好。但是现在我想添加一个 axios 调用来获取一些这样的数据:

当我添加这个 axios 调用时。我被重定向到主页“/”。

之前:工作

在此处输入图像描述

之后:发生不工作的重定向

在此处输入图像描述

0 投票
1 回答
336 浏览

reactjs - history.push 重定向覆盖了我设置为不同的路径

我有这个小部件

在此处输入图像描述

整个事情都可以点击到某个路径。我在里面放了两个按钮,编辑和删除

remove 工作正常,它执行一个传奇。现在编辑按钮我希望它是一个重定向到某个 URL 的链接。我不能这样做,因为我不能<a><a>. React 向我显示了一个警告。

所以我使用了一个重定向的按钮:

1.

  1. 因为我使用connected-react-router,所以我也试过

    import {history} from '../../../redux/store'; <button onClick = {() => history.push(/domain/${props.domain.id}/编辑)}

他们都有相同的行为: 在此处输入图像描述

在此处输入图像描述

如您所见,重定向被“/domain/5f95554624aa9a0006351825”覆盖,这是外部链接的链接。

即使我将 url 更改为“/users”之类的内容,它仍然会被覆盖。

我只想将用户重定向到简单的 URL。我怎样才能做到这一点?

0 投票
0 回答
65 浏览

reactjs - 使用 connected-react-router 时,找不到路由器减速器

这是我的商店.ts

rootReducer.ts

根Saga.ts

historyHelper.ts

应用程序.tsx

当我单击某个链接来更改路线时,我看到,该路径在我的浏览器中发生了变化,也在 redux-devtools 中,但是组件没有切换,我得到一个错误,你可以在下面看到。我还在 Redux-devtools 中看到了路由器减速器。我不知道如何解决它。

Redux-devtools 镜像

错误图片

0 投票
1 回答
351 浏览

reactjs - 如何使用 connected-react-router 重置 Redux 存储的状态?

我正在尝试实现这种完全相同的行为如何重置 Redux 商店的状态?. 除了我使用的是连接反应路由器。我的配置如下所示:

减速器

店铺

我试过了,但不起作用:

0 投票
0 回答
85 浏览

reactjs - 当我使用connected-react-router时,是否可以在reducer内捕获位置更改事件?

在我的 react 应用程序中,我使用了 connected-react-router 库,它有助于管理 redux 部分内的路由。

今天遇到了一个需要在reducer内部捕获位置变化事件的案例。我在想通过捕捉 LOCATION_CHANGE 动作是可能的,实际上我可以捕捉到由减速器内部的历史推送动作引起的位置更改事件,就像这样。

但问题是我无法捕捉到Link组件引起的事件。如果有人以前遇到过这种需求并解决了,请告诉我。