-
3 votesanswersviews
如何使用react-router v4“staticContext”处理异步路由?
在我的反应SSR项目中实现异步路由(我使用loadable-components)之后 . 我发现 staticContext 不起作用 . 如果我使用静态路由组件而不是异步组件, staticContext 将按预期工作 . 有什么建议吗? 这是我的 NotFound 页面: import React from 'react'; import Helmet from 'react-helmet'... -
2 votesanswersviews
使用webpack 3进行反应加载和服务器端渲染
我正在使用 react-loadable for react-router-v4 ,我想做服务器端渲染 . 当然在服务器端我不需要延迟加载,所以我开始使用 react-loadable ,因为它说可以在 import-inspector babel插件的帮助下与服务器一起使用 . 但遗憾的是我的服务器控制台 require.ensure is not a function 出现错误,这导致我... -
1 votesanswersviews
React js webpack redux app - 转换为静态站点 - 样板文件
这个工具我有一个奇怪的问题https://github.com/kriasoft/react-static-boilerplate 我有一个React-redux-wepback应用程序,并希望构建为静态站点 从github克隆react-static-boilerplate项目并安装所有依赖项并使用$ yarn start,一切正常,除了一件事,当我点击“关于”按钮时,它不会重定向到/关于它只是... -
1 votesanswersviews
React路由器页面重定向不正确?
我创建了一个迷你项目,我遇到的问题是页面没有重定向,它也只是在上面的内容中打印新内容 . 我想要做的是当用户按下链接时,它应该完全重定向到新页面而不是旧内容 . 我正在分享我的git repo,请下载并帮我解决这个错误 . 我的git回购是:https://github.com/yashchks87/homepage.git -
0 votesanswersviews
如何使用React Router将CRA部署到GitHub页面
我被这个曲线球主要困住了 . 我有一个网站 Build w / create react app 我用 React Router. 打了一个拦截器 我理解GitHub页面可以完美地使用静态内容,但是: 1- what is the correct solution to deploy to GitHub pages with SPA using react router ? 我尝试了所有类型的配... -
13 votesanswersviews
通用Auth Redux和React路由器
我在使用redux和路由器进行身份验证方面遇到了一些麻烦,我希望能够对如何最好地解决我的问题做一些澄清 . 我有一个登录组件,在提交时调度以下操作: export const loginUser = (creds) => { return dispatch => { dispatch(requestLogin(creds)) return fetch('http... -
1 votesanswersviews
React Redux登录问题
我正在学习react和redux并试图实现登录.. 下面是我的路由 import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import Login from './components/Login/Login' import Home from './componen... -
1 votesanswersviews
redux-form - 注册州的所有字段
我正在使用redux-form v6, 也使用react-router, 我需要 register all 我的领域,这个大的形式 But 我的应用程序中有多条路线=您可以通过路由更改FORM部分 . 当我初始化应用程序时,我有 only one 部分加载=我没有在另一部分注册 all my fields in redux state = i cant validate 必填字段,因为isnt... -
1 votesanswersviews
React-redux无法找到商店
我正在使用React Redux Express . 每当我重新加载我的 localhost/courses 时,我得到一个错误,找不到'store' . 但如果我从 localhost -> click to nav course 开始,一切都运转良好 . 我该如何解决这个问题? Error 不变违规:无法在“连接(课程)”的上下文或道具中找到“存储” . 将根组件包装在Provider... -
0 votesanswersviews
使用react-redux连接typescript
我'm trying to use React-redux connect with typescript. I'在使用 connect 与 withRouter 时感到困惑 . 我想尝试使用它, withRouter<any>(connect<{},ComponentProps,{}>( matchStateToProps, matchDispatchT... -
1 votesanswersviews
每次调用mapStateToProps时,withRouter都会创建一个匹配的新对象
不确定其他人是否在遇到此问题之前: 我正在使用:“react-redux”:“5.0.7”,“react-router”:“4.2.0”,“react-router-dom”:“4.2.2” 所以我有一个这样的组件, shouldComponentUpdate = (nextProps) => { // shallow compare each prop and see which ... -
2 votesanswersviews
使用React和Redux,Router时,状态是未定义的对象
我正在使用React和Redux,Router开发应用程序 . 但是现在我无法将状态设置(更新)到'mapStateToProps'函数状态 . 因此,减速器的args'动作'是'未定义的' . 我认为这个问题的原因是mapStateToProps的args不是从任何地方传递的 . 有谁知道如何将状态(来自客户端的数据输入)传递给mapStateToProps函数? 我的mapStateToPro... -
0 votesanswersviews
使用反应路由器的SPA授权
跟进这个问题:React Router Authorization 我理解这里提供的示例 https://github.com/ReactTraining/react-router/blob/master/examples/auth-flow/app.js 但我认为这只回答了身份验证而非授权的问题 . 当用户通过身份验证或者不仅取决于该位置是否存在值时,本地存储中应该有一个jwt令牌 . logg... -
4 votesanswersviews
React-Redux如何在重定向之前阻止页面呈现
我正在处理一个个人项目,我在检查用户是否登录时遇到问题,这样当他们尝试进入/登录时,它会将它们重定向到主页 . 目前我的代码的作用如下: 定义了我自己的Route组件 调用checkIfSignedIn时,会调度将isLoggedIn状态设置为True或False的操作 . AuthenticatedRouter组件检查商店的isLoggedIn状态是true还是false,并将呈现组... -
0 votesanswersviews
函数不是React-Router中的函数
我为我的网站创建简单的登录表单 . 但我有一点问题 . 当我输入登录名和密码并尝试将其发送到服务器时我收到了错误 未捕获的TypeError:this.props.signinUser不是函数 import React, { Component } from 'react'; import { Field, reduxForm } from 'redux-form'; import * as ... -
0 votesanswersviews
React-hot-loader不能与React-router-dom一起使用
所以我最终设置了一个工作项目: 电子( 2.0.2 ) React( 16.4.0 ) React-router-dom( 4.2.2 ) Webpack( 4.11.0 ) React-hot-loader( 4.2.0 ) 就在我开始开发一些反应组件时,我注意到我的项目不会热重新加载正确 . 如果我在基本网址上调整了某些内容( / ),它会正确更新,但是如果我在辅助网址... -
1 votesanswersviews
Webpack HMR在某些路由中重新加载整个应用程序
首先,我正在使用: "react-router":"3.0.2", browser-sync ": " 2.18.8“, "url-loader":"0.5.7", "webpack":"1.13.1", "webpack-dev... -
0 votesanswersviews
如何仅更新一个组件?表
我有这个配置工作申请 without any errors : package.json: ... "react-hot-loader": "^3.0.0-beta.7", "webpack": "^3.6.0", "webpack-dev-server": "^2... -
0 votesanswersviews
Webpack Dev-Server和React Server Side渲染
我正在尝试同构的React应用程序,我在webpack dev服务器上进行热加载时遇到问题 . 我收到此错误: warning.js:44警告:React尝试在容器中重用标记,但校验和无效 . 这通常意味着您正在使用服务器呈现,并且在服务器上生成的标记不是客户端所期望的 . React注入了新的标记以补偿哪些有效但你已经失去了服务器渲染的许多好处 . 相反,弄清楚为什么生成的标记在客户端或服务... -
-2 votesanswersviews
使用Webpack-Dev-Server设置的React-Router
Webpack新手,我无法使用React-Router和Webpack-Dev-Server正确设置 . 我想以这种方式设置的原因是为了利用 webpack-hot-middleware 每次我在代码中更改内容时重新加载页面 . 虽然我能够正确地为IndexPage呈现,但如果我在URL中的不同入口点手动键入,webpack会认为我正在其他地方检索,实际上它位于React-Router中 . 这是... -
2 votesanswersviews
React-Router是否通过Webpack中断实时重新加载?
我正在使用React-Router,只是更新了我的路由以合并嵌套的URL,它似乎打破了Webpack的实时重新加载: <Route path="/" component={App} ignoreScrollBehavior> <Route path="dashboard" component={Dashboard}> &... -
1 votesanswersviews
反应slingshot - 当使用反应路由器子路由时,Webpack热中间件在hot-update.json上返回404
我使用react slingshot启动项目为我的react / redux应用程序 . 当我使用像 /foo 这样的路线但我在've found that hot reload isn'上工作的子路由时,热重新加载效果很好 . 我没有对开箱即用的webpack配置文件做任何更改,可以在这里找到https://github.com/coryhouse/react-slingshot/blob/ma... -
1 votesanswersviews
节点的开发模式,Webpack-Dev-Server,React - 没有嵌套路由的此类文件或目录
我试图让我的应用程序在Node和Webpack-Dev-Server的开发模式下工作 . 当我提供'/'时,我完全恢复了我想要的东西 . 但是,当我'/ test'时,我得到'没有这样的文件或目录' . 我在Webpack的网站和React Router Training上阅读了很多文档,似乎没有人真正回答这个问题 . 我希望能够使用browserHistory而不是hashHistory(我仍在... -
1 votesanswersviews
使用webpack文件加载器访问嵌套的react-routes中的资源
我最近使用reactHistory中的react-router切换到了路由器历史记录 . 但是有一个问题 . 每次我访问嵌套路由并尝试刷新页面时,都无法找到公共资源,例如我的徽标,因为它使用嵌套路由的第一部分作为资源的根 . 在我的index.js中,我需要如下图像: require('./images/logo-icon.png'); 我在导航栏组件中使用了一个徽标,如下所示: <Lin... -
13 votesanswersviews
browserHistory.push无法导航到新页面
我在路由器上设置了browserHistory(react-router 2.0): import { browserHistory } from 'react-router' function requireAuth(nextState, replace) { if (!services.auth.loggedIn()) { replace({ ... -
7 votesanswersviews
使用React Router v4的多个布局
我正试着用React Router v4渲染多个布局 . 例如,我想要具有以下路径的页面具有布局1: 确切路径= "/" path = "/blog" path = "/about" path = "/projects" 以及具有布局2的以下路径: path =“/ blog /:id pa... -
2 votesanswersviews
Koa w /客户端路由器
现在的情况: 前端:React和React-Router 后端:Koa app.use(mount('/graphql', graphqlHTTP({ schema: schema }))); app.use(mount('/api', api)); app.use(serve(__dirname + '../../public')); //serves static index.html 当我... -
1 votesanswersviews
react-router如何从客户端向服务器中间件发送请求?
我想了解这段代码: react-router 如何使用同构应用程序(服务器端和客户端路由) . 客户端的react-router如何向服务器上的中间件发送请求? 链接到react-router -
2 votesanswersviews
如何使用react-router 2作为服务器端路由与expressjs?
Server side rendering with react-router此文档不足以理解如何使用react-router 2在服务器端使用不同类型的http请求(如get,post,put等)呈现反应组件 . -
7 votesanswersviews
React服务器端和客户端渲染不是无缝的
首先,页面由服务器呈现,然后在客户端/浏览器端,Javascript脚本重新呈现整个页面!我不应该认为是因为用户体验很差 . 我注意到的一件事是由服务器呈现的我的根元素的 data-reactid 属性是一些像 .2t5ll4229s 这样的散列,并且所有子节点都将其作为前缀,例如 .2t5ll4229s.0 (第一个孩子)然而,在浏览器端, data-reactid 对于根元素是 .0 而对于第...