问题标签 [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.
reactjs - react redux - 如何重新加载页面而不是“推送”
我有一个注销用户的 thunk 操作
在注销 thunk 动作中,我有这个: dispatch(push('/login'));
我想用“刷新”重定向用户以注销以刷新页面和。“清理”国家
另外,我想清理 redux 商店,而不是它不干净
当我点击组件中的按钮时
减速器
reactjs - 未捕获在状态树中找不到路由器减速器,它必须安装在“路由器”下
React 路由器工作正常。但是如果我添加<Redirect>
或调用 from <Link>
,我有这个例外:
未捕获在状态树中找不到路由器减速器,它必须安装在“路由器”下
rootReducer.js:
商店.js:
javascript - 反应路由器相同的路由不同的参数
我有两条不同页面的路线,例如:
此链接:app.com/headphones/airpod3
将我带到类别视图,因为路线不理解这是产品或类别的名称。
我的问题是某些类别可能有子类别,但有些没有。我对可选的 :page 参数进行了分页
我需要像这样路由我的应用程序:
app.com/usb-cable/light-cable/1
或app.com/headphones/apple/airpod3
将我带到产品页面
app.com/headphones
或app.com/headphones/apple
类别视图
我怎样才能像这样路由我的应用程序?
reactjs - 如何在不引用 React 中的动态值的情况下在 URL 中传递“:”?
问题是当你想给一个 url 引入一个动态值时,你必须使用 ":" 来引用它。
例如,假设我有一个包含很多用户的列表,并且我添加了一个按钮来获取有关他们的更多信息,并且我希望 URL 包含您从中获取所有信息的用户的用户名。我会做这样的事情:
当我出于某种原因必须在 URL 中输入“:”而不意味着我希望 URL 的那部分发生更改时,就会出现问题。基本上要有一个带有“:”的静态URL。
这可能吗?如果可以,我该怎么做?
reactjs - 使用connected-react-router时如何防止react页面重新渲染
当我导航到 DataPage 屏幕时,它将调用 fetchData api,大约需要 20 秒才能获得响应。
如果我在 20 秒内转到另一个页面而服务器没有完全响应并返回 DataPage,它将触发另一个 fetchData api。
我只想让这个 api 调用这个 DataPage 屏幕的第一次渲染。
我知道这可以使用 useState 或 useRef 来完成,但我想要的是重新使用已经呈现的组件,而不是再次重新安装 DataPage。
使用 connected-react-router 中的 push / replace 将挂载新组件。
谢谢。
reactjs - history.push 重定向覆盖了我设置为不同的路径
我有这个小部件
整个事情都可以点击到某个路径。我在里面放了两个按钮,编辑和删除
remove 工作正常,它执行一个传奇。现在编辑按钮我希望它是一个重定向到某个 URL 的链接。我不能这样做,因为我不能<a>
把<a>
. React 向我显示了一个警告。
所以我使用了一个重定向的按钮:
1.
因为我使用connected-react-router,所以我也试过
import {history} from '../../../redux/store'; <button onClick = {() => history.push(
/domain/${props.domain.id}/编辑)}
如您所见,重定向被“/domain/5f95554624aa9a0006351825”覆盖,这是外部链接的链接。
即使我将 url 更改为“/users”之类的内容,它仍然会被覆盖。
我只想将用户重定向到简单的 URL。我怎样才能做到这一点?
reactjs - 当我使用connected-react-router时,是否可以在reducer内捕获位置更改事件?
在我的 react 应用程序中,我使用了 connected-react-router 库,它有助于管理 redux 部分内的路由。
今天遇到了一个需要在reducer内部捕获位置变化事件的案例。我在想通过捕捉 LOCATION_CHANGE 动作是可能的,实际上我可以捕捉到由减速器内部的历史推送动作引起的位置更改事件,就像这样。
但问题是我无法捕捉到Link
组件引起的事件。如果有人以前遇到过这种需求并解决了,请告诉我。