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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的React相关文章