reactjs – 使用React路由器组件重定向

我遇到了 react-router-component的问题.我正在尝试创建一个重定向库,它执行“软”重定向(相当于单击一个链接,而不是window.location = …),我可以从一个. jsx组件.

Per the docs我应该能够调用router.navigate(path)来重定向.

例如,当我在页面A上调用它时,地址栏中的URL将根据需要更改为页面B.但是,页面A只是重新加载,将地址栏保留为页面B,显示为页面A.建议？

您应该能够使用Navigation mixin解决此问题.

然后你可以使用this.transitionTo和你的页面名称.

var PageAdd = React.createClass({

    mixins : [Router.Navigation],handleSubmit : function(e) {
        e.preventDefault();

        this.transitionTo('pages');

    },render: function () {
        return (
            <form onSubmit={this.handleSubmit}>
                <button type="submit" className="btn btn-default">Submit</button>
            </form>
        );
    }
});

阅读更多：https://github.com/rackt/react-router/blob/master/docs/api/mixins/Navigation.md