reactjs - 使用 React Router 组件进行重定向

Question

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

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

例如，当我在页面 A 上调用此方法时，地址栏中的 URL 会根据需要更改为页面 B。但是，页面 A 只是重新加载，将地址栏保留为页面 B，并将显示保留为页面 A。有建议吗？

Answer 1

您应该能够使用导航混合解决此问题。

然后您可以将 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