react-router-redux相关内容

检查Render方法

我使用的是REACT、REDUX和REACT-REDUX-Router。当我运行应用程序时,我得到一个错误。我不明白它与我的App.js中的Reaction的呈现函数有什么关系。在我看来,问题出在代码中的其他位置。 错误如下: Warning: React.createElement: type is invalid -- expected a string (for built-i ..
发布时间:2022-02-22 09:22:31 其他开发

带有 React Router 和 Redux Simple Router 的 onEnter Transitions Dont Render New Route's Component

我有一个使用 react @0.14、redux @3.05、react-router @1.0.3 和 redux-simple-router @2.0.2 的应用程序.我正在尝试根据商店状态为我的一些路线配置 onEnter 转换.转换钩子成功触发并将新状态推送到我的商店,这会更改 url.但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新 url 的新组件处理程序. ..

React 路由在 facebook 的 create-react-app 构建中不起作用

我正在使用反应路由器来定义路由.我正在使用 create-react-app 进行开发.我的问题是,如果我在地址栏中键入子页面的 url 并尝试访问它,它在开发版本中有效,但在生产版本中无效. 我正在使用一个简单的快速服务器来托管生产构建 var express = require('express'),app = express(),http = require('http'),http ..

如何同步 Redux 状态和 url 哈希标签参数

我们有一个讲座和章节列表,用户可以在其中选择和取消选择它们.这两个列表存储在一个 redux 存储中.现在,我们希望在 url 的哈希标签中保留所选讲座 slug 和章节 slug 的表示,对 url 的任何更改也应更改存储(双向同步). 使用react-router 甚至react-router-redux? 我们真的找不到一些好的例子,其中 react 路由器仅用于维护 url 的 ..

在 AWS S3 中部署 react-redux 应用程序

我在像这样的堆栈溢出中遇到了很多类似的问题 一个.每个人对部署 React 应用程序都有不同的看法. 但是这个问题是针对那些使用 redux、react-router 和 react-router-redux 的人的.我花了很多时间来找出托管单页应用程序的正确方法.我在这里汇总了所有步骤. 我写了以下答案,其中包含将 react-redux 应用程序部署到 S3 的步骤. 解决方 ..

react-router 在每次转换时滚动到顶部

我在导航到另一个页面时遇到问题,它的位置将保持与之前的页面一样.所以它不会自动滚动到顶部.我还尝试在 onChange 路由器上使用 window.scrollTo(0, 0) .我也使用 scrollBehavior 来解决这个问题,但它没有用.对此有什么建议吗? 解决方案 2018 年的课程就是这样 使用 React Hooks 实现 ScrollToTop ScrollT ..
发布时间:2021-12-02 09:58:14 前端开发

React JS 错误“...rest"语法错误:意外的令牌

我是 React 的新手,正在看这个 ReactTraining.我想将我的一些路径设为私有(这样您只能在登录时查看它们).我能够很好地对用户进行身份验证并将他们定向到一个新页面,但现在我想“保护"该页面,以便只有在登录后才能访问它.我发现了一些不同的 sources 似乎使用相同的“PrivateRoute""功能如下.到目前为止,一切似乎都很好(并且有意义),除了以下代码的“...rest"部 ..

react-router-redux webpack dev server historyApiFallback 失败

在webpack配置文件中启用historyApiFallback并重启服务器后,当更改位置路径名时,浏览器刷新,导致外部元素重新挂载(我的意思是,我可以看到它闪烁白色并恢复正常)这应该只发生在嵌套的 the.props.children 上. 在我的特殊情况下,有一个 元素总是出现在顶部和一个容器,它具有 { this.props.children }.我想知道发生了什 ..

将路由参数映射到 Redux 存储的键下

状态对象中有一个“位置"键,被多个组件用作数据源.在 URL(与谷歌地图非常相似)中,我有一个名为“location"的参数,它是一个坐标.我的目标是将该值(经过一些修改)映射到州的“位置"键.如何做到这一点? 更新我能想象的唯一方法是创建一个中间件并对路由操作做出反应,以某种方式从 URL 中提取参数,然后调度一个将由减速器处理的新操作.或者只使用减速器,不需要额外的中间件.但我想这不是一 ..
发布时间:2021-07-04 20:59:13 其他开发

在 URL 中提取 React Router 状态

我将 react-router 和 redux-simple-router 与服务器端渲染结合使用,当我导航到如下网址时: routeActions.push({ pathname: '/main', state: 'some_state'}); 我希望能够从请求中提取 some_state 以便我可以呈现初始 redux 状态并将其发送回客户端.如何从服务器端的请求中提取状态?history ..

React/redux 如何维护路由之间的滚动位置

使用 redux 实字示例代码库此处 我注意到,当我向下滚动大量存储库列表时,当我访问用户页面并立即返回时,我在存储库列表中的滚动位置保持不变. 然而,在我从根容器中删除 redux DevTools 之后,我注意到我的滚动位置不再保持. 我正在尝试构建一个类似的 react/redux 网络应用,其中保持滚动位置很重要. 谁能告诉我保持滚动位置应该如何工作?我以为我在某处 ..
发布时间:2021-07-04 20:48:15 其他开发