由于我正在使用react-router来处理反应应用程序中的路由,所以我很好奇是否有办法重定向到外部资源. 说某人点击： example.com/privacy-policy 我希望它重定向到： example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies 我正在寻找零帮助,以避免在我的index.html加载时用简单的JS编写它,例如：if ( window.location.path === "privacy-policy" ){window.location = "example.zendesk.com/hc/en-us/articles/123456789...
我正在尝试通过我的应用程序构建路由器链接, 在这种情况下,我有三个文件. App.js Book.js DetailedView.js 我在Book里面建立了一个< Link>仅在悬停时出现(在书籍封面上){this.state.isHovered ? (<Link to={`/details/${this.props.book.industryIdentifiers[1].identifier}`}> <div className="hover-box"></div> </Link>) : ( <div /> )}这将带我到/ details / 12345(isbn10号码) 我很难理解的是例如如何按下< Link>时的setState...
我正在使用最新版本的react-router模块,名为react-router-dom,在使用React开发Web应用程序时已成为默认设置.我想知道如何在POST请求后进行重定向.我一直在制作这段代码,但在请求之后,没有任何反应.我在网上查看,但所有数据都是关于反应路由器的先前版本,而不是上次更新. 码：import React, { PropTypes } from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import { Redirect }...
我正在使用React-router,当我点击链接按钮时它工作正常,但是当我刷新我的网页时它没有加载我想要的东西. 例如,我在localhost / joblist,一切都很好,因为我来到这里按一个链接.但如果我刷新网页,我得到：Cannot GET /joblist默认情况下,它不像这样工作.最初我将我的URL作为localhost /#/和localhost /#/ joblist,他们工作得非常好.但我不喜欢这种URL,所以试图删除#,我写道：Router.run(routes, Router.HistoryLocation, function (H...
我有这个组件呈现应用程序的路由：https://jsbin.com/bahaxudijo/edit?js,我正在尝试模拟BrowserRouter和路由进行测试,这是我的测试：import React from 'react'; import renderer from 'react-test-renderer';import Router from '../../../components/Router/Component';jest.mock('react-router-dom', () => ({BrowserRouter: ({ children }) => <div>{children}</div>,Route: ({ children }) => <div>{children}</div>, }));je...
我正在尝试实现功能,其中每个Route将首先等待一些ajax承诺解决,然后才会呈现路由.我看到onEnter不再存在,所以我正在尝试渲染方法. 我的路线定义如下：{cmsRoutes.map((route, idx) => {console.log(route.resolve)return route.component ? (<Route key={idx} path={route.path} exact={route.exact} name={route.name} render={props =>{route.resolve().then(({data})=>{console.log(data)return (<route.component {...props} ...
我有一个使用URL搜索参数的React应用程序.根据搜索参数v的值,该组件应该显示不同的内容. 可能的URL可能如下所示：http://localhost:3000/hello?v=12345一旦v查询参数在URL中更改,我希望我的组件更新.http://localhost:3000/hello?v=6789我正在使用我的App组件中的react-router来根据路由显示不同的组件. App组件包装在BrowserRouter组件中.render() {return (<Switch><Route path="/hello" component={Hello}></Route><Route path=...
我想构建一个与转换一起使用的单页面应用程序,如下所示：*------*--------------*-----------* | | | | | Shop | Landing Page | Biography | | | | | *------*--------------*-----------* | | | Contact page | | | *---------------------------------*基本上,当您第一次登陆网站...
我有这个index.js：<Provider store={store}><Router history={history}><App/></Router> </Provider>这个App.js：<Switch><Route exact path="/" component={Home} /><Routepath="/login"render={() => <Login userError={this.state.userError} />}/><Route path="/registration" component={Registration} />; </Switch>和Home.js：<div className="Home"><Header/><div className="content"><Sidenav/><Switch><Route path="/f...
我有一个React组件,它呈现< Link />.render: function () {var record = this.props.record;return (<Link to="record.detail" params={{id:record.id}}><div>ID: {record.id}</div><div>Name: {record.name}</div><div>Status: {record.status}</div></Link>); }我可以很容易地获得渲染的< a />,但我不知道如何测试href是否正确构建.function mockRecordListItem(record) {return stubRouterContext(require('./RecordListItem.js...
事件成功后我需要导航到路线.自从以前的版本以来,这似乎已经改变了以前我们会这样做：import { browserHistory } from 'react-router'; ... handleClick(){doSomething();browserHistory.push('/some/path'); }解决方法:此示例适用于react-router和react-router-dom v4.0.0. 我们有3个组成部分： > App.js – 包含组件1和组件2> Component1.js – 没有包裹在路线中并且将始终被渲染,但是这将没有“路径道具”的引用 – (历史,位置...
我最近开始学习React / Redux,现在我正在尝试构建一个小的单页面应用程序. 最近我遇到了一个我不理解但无法修复的问题. 我来告诉你代码： index.jsimport React from 'react' import ReactDOM from 'react-dom' import { createStore, combineReducers } from 'redux' import { Provider } from 'react-redux' import { Router, Route, IndexRoute, hashHistory } from 'react-router' import { syncHistoryWithStore, routerReduc...
我在用户登录后使用类似的代码(如this)在我的应用程序中重定向.代码如下所示：import React, { Component } from 'react' import { Redirect } from 'react-router'export default class LoginForm extends Component {constructor () {super();this.state = {fireRedirect: false}}submitForm = (e) => {e.preventDefault()//if login successthis.setState({ fireRedirect: true })}render () {const { from } = this.props.loca...
我正在使用react-router 2.我的路由被定义为<Route path="/" component={App}><IndexRoute component={Home}/><Route path="/about" component={About}/><Route path="/login" component={Login} onEnter={redirectToDashboard}/><Route path="/logout" component={Logout} onEnter={logoutSession}/><Route path="/dashboard" component={Dashboard} onEnter={redirectToLogin}/></Route>一切正常,但我有问题从我的仪表板页面禁用...
我们有一个click处理程序,它使用react router 2.0 this.context.router.push()更新url.见下文：selectRelatedJob(slug) {JobActionCreators.fetchJobPage(slug);JobsActionCreators.getRelatedJobs({'sl': slug});this.context.router.push({pathname: '/job', query: {sl: slug}}); }我们的目标是基于“sl”查询字符串获取新数据,但我们的componentWillMount()方法没有被调用,因为我们正在将url更新为相同的路径—只是一个不同的查...