在使用 react router 浪费时间之后，我终于切换到基本的 javascript。

1. 为您的重定向创建一个组件：

   路由路径="*" 组件={NotFound}

2. 在组件中使用 window.location 重定向：

    componentDidMount() {
         if (typeof window !== 'undefined') {
              window.location.href = "http://foo.com/error.php";
         }
    }
   

在这里找到了一个解决方案：https : //github.com/rackt/react-router/issues/975，在这里：https : //github.com/rackt/react-router/issues/1499

在构造函数中需要：

class SidebarFilter extends React.Component {

    constructor(props, context) {
        super(props, context);

还需要添加一个静态属性：

SidebarFilter.contextTypes = {
  router: React.PropTypes.func.isRequired
};

然后我可以打电话：

this.context.router.transitionTo(/path-to-link);

如果你在 React-router 上使用 browserHistory，生活就简单多了。

import {browserHistory} from "react-router";

functionName() {
 browserHistory.push("/path-to-link");
}

看一下Navigationreact-router中的mixin。http://rackt.github.io/react-router/#Navigation

从文档：

var Navigation = require('react-router').Navigation;

React.createClass({
  mixins: [Navigation],

  render: function() {
    return (
      <div onClick={() => this.transitionTo('foo')}>Go to foo</div>
      <div onClick={() => this.replaceWith('bar')}>Go to bar without creating a new history entry</div>
      <div onClick={() => this.goBack()}>Go back</div>
    );
  }
});

在这种情况下，我通常使用hashHistory或browserHistory取决于您使用的内容并简单地调用hashHistory.push(<url>). 如果您使用的是 ES6 类，您还可以使用这里withRouter提到的 react-router 提供的Hoc 。这个高阶组件在你的组件中公开了一个名为. 使用此props，您可以使用.routerthis.props.router.push(<url>)

如果您必须从上下文中使用路由器，则必须提供@Ben 的回答中提到的上下文类型。