-
6 votesanswersviews
使用Apache反向代理，React-router URL不匹配
我正在尝试在Apache中设置反向代理来提供React / Redux / webpack包 . 我有一个Express服务器文件服务我的静态文件和index.html，如下所示： const express = require('express'); const path = require('path'); const app = express(); const port = proces... -
13 votesanswersviews
通用Auth Redux和React路由器
我在使用redux和路由器进行身份验证方面遇到了一些麻烦，我希望能够对如何最好地解决我的问题做一些澄清 . 我有一个登录组件，在提交时调度以下操作： export const loginUser = (creds) => { return dispatch => { dispatch(requestLogin(creds)) return fetch('http... -
3 votesanswersviews
与react-router反应：通过替换元素中的内容来渲染组件
在我的应用程序中，我使用React.js作为我的javascript框架，结合使用react-router进行导航 . 我在更换主容器div的内容时遇到问题 . 当我访问一些新路由时，调用render方法激活相应的路由处理程序，但是html被附加到主容器div的现有内容，我需要替换它 . Page2Handler只将其html附加到App处理程序在初始页面加载时呈现的现有html . 我在这做错了... -
2 votesanswersviews
React Router不适用于特定路由
我目前正在使用React路由器开发React Web应用程序 . 我想要三条路线： /这是主页 /：这是类似localhost / about的页面 . /：page /：子页面就像/ services / video ReactDOM.render( <Provider store={store}> <Router... -
2 votesanswersviews
具有2个入口点的React路由器
我正在尝试实现开发人员使用react创建新页面的能力，同时保持兼容性以及我们用于所有页面的母版页模板（包括过滤器，选项卡等） 我需要的是能够将导航组件渲染为1 div，页面内容（App）呈现为另一个（如下图所示） 我目前的解决方案涉及单独渲染2个组件，但我正在努力的是如何在两者之间桥接路由器 . 我遇到的问题是路由器有2个实例（我会从代码中理解为什么），但我不确定如何构建它来实现我想要的行为 .... -
1 votesanswersviews
React / React Router，检查它是否是第一次导航到某条路线
在我的React应用程序中，我有这个： 如果从 / 索引路径开始，将出现一个启动页面，您可以单击关闭启动并转到主页的内容 . 如果从任何其他路径开始，则不会显示启动页面，当您从这些页面转到 / 路径时，启动页面仍然不会出现 . 在这两种情况下，我想在主页发生后初始化一些 window 事件监听器（即在您单击启动页面之后或从另一个页面导航到索引页面之后） . 目前，我实现这一点的方法是在... -
0 votesanswersviews
React Router从外部包安装路由
我正在尝试开发一个将其他“应用”作为“插件”的应用 . 此基本应用程序将仅包括基本身份验证路由，而其他应用程序将在其中定义自己的路由 . 我怎样才能用React实现这个目标？我想React Router可能有东西，但我找不到它 . 我来自Ruby on Rails世界，在那里我可以拥有一个宝石作为引擎，在基础应用程序上，我只是在给定路径上的引擎 mount . 我正在寻找类似的东西，这样在我的基... -
0 votesanswersviews
在react-router中有可能有多个“活动”路由吗？
我正在使用这个名为react-router-modal的库，它提供了一些用于创建具有react-router路由的模式的实用程序 . 目前正在尝试实现类似于Twitter的“查看推文”UI，因此我将使用他们的术语作为示例 . 如果您不熟悉，Twitter将在包含推文和回复的当前页面上打开一个模式 . 推文应该有自己的路由，让's say it' s /tweet/:id . 我在我的应用程序的... -
0 votesanswersviews
react-router - 没有在散列更改时呈现的组件
我在资产中使用Rails with react gem和react-router.js . 我正在使用webpack以使用require 我在app.js里面有我的路线： var Router = require('react-router').Router; var Route = require('react-router').Route; var Link = require('react-... -
1 votesanswersviews
React中继路由器不会崩溃嵌套路由的查询
我在react-router-relay上读到： react-router-relay将自动生成一个组合的中继路由，其中包含来自活动的React Router路由的所有查询和参数，然后将查询结果传递给每个路由组件 . 由于查询都被收集到一条路线上，因此它们将同时被提取，整个页面的数据将被加载，然后一次性渲染 . 但在我的应用程序中，我实际上看到两个单独的调用 /graphql . 这是我的代... -
3 votesanswersviews
在React中实现嵌套的异步路由获取
是否可以使用 System.import 实现嵌套的异步路由获取，因此应用程序只分为几个合理的块，而不是许多小块？ 背景 我正在我的React应用程序中实现bundle拆分 . 最初我实现了bundle-loader（我无法在所有情况下工作），然后使用System.import，我发现它的行为更加可预测 . 问题 代码拆分在逐个路由的基础上工作得很好，但是，它产生了许多小包，并且额外的包和获取的开... -
1 votesanswersviews
React Router v4延迟加载服务器端渲染
我正在使用react路由器v4和 bundle-loader 将我的代码拆分为块并使我的组件异步 . 此外，我正在使用快递服务器端，现在尝试使用反应路由器 StaticRouter 来预渲染我的反应应用程序 . 这是我的路线 . import React from 'react'; import { Switch, Route } from 'react-router-dom'; import B... -
-1 votesanswersviews
React Router不匹配路径并呈现<！ - react-empty：1 - >
我实现了React Router，现在当webpack dev服务器加载我编译的资产时，我看到一个带有 <div id="container"><!-- react-empty: 1 --></div> 的空白页面 . 请看下面的整个树： <html><head> <meta charset="... -
12 votesanswersviews
使用反应路由器4动态加载redux减速器
我正在基于组件拆分我的代码，我只想在组件加载时注入我的reducer，而不是从商店的开头堆叠它们 . 在反应路由器3中它非常直接，但我似乎无法使它与反应路由器4一起工作 . 这是减速器和商店： reducers.js import { combineReducers } from 'redux' import { routerReducer } from 'react-router-redux' ... -
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
我应该使用react js作为SPA框架还是用于服务器端渲染？
我处于两难境地，对于一个可扩展到很大程度的项目，服务器端呈现是一个选项示例节点，使用express（使用ejs）并呈现完整的html页面或者像反应路由器那样前端路由 我完全会为前端做出反应，但对高度可扩展的应用程序感到困惑，前端路由选项是不错的选择 -
0 votesanswersviews
在URL中直接键入动态路由时，React Router不会呈现组件
我的React应用程序正在使用带路由器的客户端路由，并将代理服务器设置为我的NodeJS服务器 . 浏览页面不会导致任何问题 . 但是，如果我手动输入URL到路由，然后使用浏览器的后退/前进按钮导航到任何其他动态路由，那么不是渲染组件，而是显示我从ExpressJS REST API返回的JSON . Here's a demonstration of my problem 这是我的React R... -
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 ? 我尝试了所有类型的配... -
0 votesanswersviews
限制React-Router的特定路径
我有一个github页面 . 我在github页面上有很多实时项目演示 . 现在我想将我的个人投资组合上传到我的根github项目目录 . （例如：https://username.github.io/）现在我使用基本反应和反应路由器制作了我的个人作品集 . 一切都很好 . 但是在某些时候我发现生活在其他路线上的其他项目（例如：https://username.github.io/someOth... -
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-rails gem的React路由器
我是rails开发人员的经验丰富的ruby，并尝试使用 reactjs . 所以我安装了 react-rails gem 并按照说明操作 . 有两种可能的入门方法： 使用资产管道 使用webpacker Webpacker gem看起来很新，我很难让webpacker-dev-server与我当前的rails应用程序一起工作 . 并且使用foreman运行两个进程（一个用于rails... -
3 votesanswersviews
使用React路由器的服务器端身份验证流程
我想知道如果我的应用程序正在渲染服务器端，如何使用React Router精确实现身份验证流程？ 场景： 当用户第一次到达应用程序时，我们调用 onEnter 路由器方法以检查是否存在任何当前用户（ localStorage ），如果他们是，我们将其重定向到他们的仪表板，否则我们将它们重定向到登录页面 . 因此，当我的应用程序访问我的受保护路由 onEnter 时，理想情况下应该发生什么： onE... -
0 votesanswersviews
在现有应用程序中使用React-Router 4嵌入React应用程序
我有一个现有的rails应用程序，它具有很多核心功能，我已经构建了一个react路由器应用程序，它将存在于rails应用程序路由的特定通配符路径上 . 如何阻止react-routes插件拦截所有链接 假设我已将我的应用程序安装在/ reactApp / *并且我有其他链接，如/ dashboard，/ account等，react-routes插件将拦截外部链接点击（反应应用程序安装在现有中间的...