首页 > TAG信息列表 > react-router

javascript-React-admin-如果未通过身份验证,如何强制Dasbhoard要求登录

在管理组件中,我想要一个仪表板,如下所示： <Admin dashboard={Dashboard}> <Resource name="list" list={MyList} /> </Admin> 如果用户尚未通过身份验证,如何强制仪表板要求登录？有没有简单的方法可以做到这一点？解决方法:当api端点返回401或403 http状态代码时,react-admin将

javascript-使react-router不会破坏Jest(reactJs)测试

我目前正在尝试将Jest测试添加到React应用程序(找到here). 但是,当我运行以下测试时, /** @jsx React.DOM */ jest.dontMock('jquery'); jest.dontMock('../js/components/CategoryPage.jsx'); describe('Category Page', function() { var React = require('react/a

javascript-最佳做法：使用Redux处理只读数据

我正在使用React和Redux构建应用程序,并且对设计有疑问. 我的应用程序使用React Router.它具有一个导航栏(左侧),该导航栏显示带有材料设计菜单的React Router配置文件中的路线. 我会知道处理此LeftNav组件的静态数据的最佳实践是什么. 该数据具有以下形状： const menuItems = [

javascript-React-Router子项不传播

我正在尝试使用react-router,但无法传播子组件. index.js import 'babel-polyfill'; import React from 'react'; import { render } from 'react-dom'; import { Router, Route, browserHistory } from 'react-router'; import App from '.

javascript-如何使用react-router创建单页应用程序

我对React.js很陌生,但是我正在使用它构建一个单页应用程序. 对于路由,我正在使用react-router. 我要组织页面的方式如下：我想要一个静态的页眉和页脚(仅加载一次),然后页面的内容将根据路由而变化.这里没什么特别的,这基本上是我对SPA的理解. 这是main.js,它使用以下路线引导我的应

javascript-是否可以使用react router将值从子路由传递到其父路由？

假设我有一个MainHeader和一个标题.使用react router,我将组件渲染到体内. ... <header></header> <main>{this.props.children}</main> ... 这是我目前的路由器： <Route component={MainLayout} onEnter={requireCordova}> <Route path="/home" component=

javascript-React-Router：如果未通过身份验证,则显示主页；如果在“ /”处,则通过身份验证显示仪表板

如果用户未通过身份验证,我已经将其存储在redux中.我想做的是,一旦我转到localhost：3000 /,如果用户未通过身份验证,我希望它显示主页；如果用户通过身份验证,则希望它显示仪表板.到目前为止,这就是我所拥有的. export default ( <Route path="/" component={App} > <IndexRoute

javascript-react-router v4：防止使用自定义钩子而不是提示进行过渡

在react-router v3中,我一直在使用router.setRouteLeaveHook来检查表单是否有未保存的更改,如果是,则返回false以防止过渡.然后,我将显示一个带有3个按钮的自定义引导模式对话框：“保存更改”,“放弃更改”和“停留在这里”. 我无法使用react-router v4的Prompt组件执行此操作,因为

javascript-React-router v4一次显示多个路由

我遇到一个问题,我使用react-router-dom的路由一次显示所有路由.因此,当我渲染我的App组件和包含“路由”的开始时,我看到的是每个路由的页面彼此重叠.所以看起来像这样： 如此一开始,这就是我的index.jsx,它正在页面上呈现App组件： // Dependencies import React from 'react'; imp

javascript-使用浏览器历史记录更改URL来响应路由,但没有任何反应

我正在尝试让React Router正常工作.这是我的代码： var hashHistory = require('react-router-dom').hashHistory; var BrowserRouter = require('react-router-dom').BrowserRouter; var Route = require('react-router-dom').Route; var ReactDOM = require(&

javascript-通过React-router渲染子组件

所以我一直在努力与这段代码.我有一个接受儿童作为道具的组件,它应该是我托管的所有页面的基础. Base.jsx： import React from 'react'; import PropTypes from 'prop-types'; import { Link, NavLink } from 'react-router-dom'; const Base = ({ child }) => ( <div>

javascript-对象无效,作为React子反应错误？

您能否告诉我为什么会出现此错误： Objects are not valid as a React child (found: object with keys {seo_val, text_val}). If you meant to render a collection of children, use an array instead. 我试图按http请求并尝试使下拉菜单. import React from "react"; c

javascript-从React应用程序中的商店更改路线

我有一个React组件,它接受用户名和密码并将其发送以进行身份​​验证.如果身份验证成功,则页面应移至呈现其他组件的其他路由. 现在的问题是,我不确定如何更改商店的路线？即不使用< Link> React Router的组件？我知道我们可以使用this.props.history.push(/ url)以编程方式更改路线,但

reactjs-nginx尝试根据uri在目录中查找index.html

我有一个简单的配置让nginx服务我的React应用程序： server { listen 80; root /usr/share/nginx/html; location / { try_files $uri $uri/ /index.html; } } 我有路线/并登录.当我通过React-Router从localhost /登录到localhost /时,一切正常.但是,当我

javascript-react _this2.setState不是函数-可能存在绑定问题

我是个超级新手,我一直在努力找出是什么原因导致Chrome控制台出现此错误 bundle.js：15316未捕获(承诺)TypeError：_this2.setState不是函数 我正在尝试使用Facebook进行简单登录到Web应用程序,以了解登录流程. 我已经在/(也是我的首页路线)上设置了登录名.我认为问题不在于路由或其他

javascript-React Router向下滚动新页面

我在使用react-router ^ 2.4.1时遇到了一个问题,如果我在主页上向下滚动,然后转到新页面,它也将向下滚动,而不是位于顶部(预期行为). 我正在使用这个入门包：react-webpack-node,而我的routes.jsx看起来像这样 import React from 'react' import { Route, IndexRoute } from 'react-

javascript-React Router和历史记录

您好,我真的很新来,我正在看Learncode.academy上的这个很棒的youtube ReactJs教程.本教程来自去年,我不知道这些模块是否已被弃用.我收到以下错误消息： You have provided a history object created with history v4.x or v2.x and earlier. This version of React Router is only

javascript-React Router Redux链接更改路由,但未更改组件

在我的应用程序中,我正在使用 "react": "^15.4.2", "react-dom": "^15.4.2", "react-redux": "^5.0.3", "react-router-dom": "^4.0.0", "react-router-redux": "^4.0.8", "re

javascript-每次更改路线时都不调用Router.match

我有服务器端渲染应用程序,并使用react-router进行路由.我以前使用的是Router.Run,​​因为不再使用该方法,所以我使用的是Router.Match.背后有什么原因吗？解决方法:我已经在下面定义的入口模块中定义了我的路由器,它将进入布局组件以查找路由路径： import { Router, Route, IndexRo

javascript-在storeWillUnmount中,必须取消订阅Firestore / React

我有一个位于特定路线的组件： <Route path='/route-path' component={MyComponent} /> 在这个组件中,我所有的firestore侦听器都在componentDidMount中创建,如下所示： componentDidMount() { var unsubscribe = db.collection(name) .where("query", "==", fal

javascript-如何在react-router v4中保留查询参数

用户登录后重定向到我的应用程序(Java上的服务器),并且具有网址,如下所示 http://10.8.0.29:8083/html/?locale=RU&token=1c5c71f2-dcda-4a51-8cf6-f8f6ff1031d0&returnTo=http://10.8.0.23:8080/ (带有一些参数,html-是源所在的文件夹).在我的应用上导航时,我需要保留这些参数.到

javascript – React路由器动态路由不呈现组件

我试图通过以下示例来使路由器动态路由反应起作用：https://github.com/rackt/react-router/tree/master/examples/huge-apps 这是我的设置： webpack.config.js： module.exports = { devtool: 'inline-source-map', entry: './js/app.js', output: { path: '../public&#

javascript – React路由器未显示浏览器历史记录

我正在学习这个tutorial,但我一直收到这个错误： ‘react-router’ does not contain an export named ‘browserHistory’. 具有react-router的文件是这样的： import React from 'react'; import ReactDOM from 'react-dom'; import { Router, browserHistory } from 'react-ro

javascript – 如何在反应路由器的登录页面中隐藏导航栏

我想在登录页面中隐藏导航栏. 我实际上做到了,但我看不到其他页面的导航栏. 此代码是My App.jsx文件的一部分. 我在App的状态下创造了历史.当这个路径名为’/’或’/ login’时,我会隐藏导航栏. 有用！ 但是我输入了id和密码,然后点击登录按钮,得到“成功”结果,导航到’/ main’. 我

javascript – 如何在React组件prop更改时获取数据？

我的TranslationDetail组件在打开时传递一个id,并且基于此,在类构造函数中触发外部api调用,将数据接收到状态,并且此数据显示在TranslationDetail上. //Routing: <Route path="/translation/:id" component={TranslationDetail}/> //Class: class TranslationDetail extends