使用哈希历史记录时通过浏览器历史记录路由似乎不起作用

Question

不确定我是否做错了什么。

我在此位置上传了一个简化的测试用例：https://github.com/CervantesVive/test-react-router-hash

它加载一个带有div 和链接的 ReactJS 视图，并且都路由到"/register"

div 通过

browserHistory.push('/register');

链路只是一个反应路由器链路。

如果我使用browserHistory配置历史记录，那么两者都有效。

如果我使用 hashHistory 配置历史记录，则只有链接有效。

关于我错过了什么的任何想法/建议？

Answer 1

从 react-router 2 开始，您不应该使用 history 对象来执行导航，而应该使用路由器。

由于登录管理器是路由组件，因此您可以使用上下文访问路由器：

import React, { PropTypes } from 'react';
import { Link } from 'react-router';
export default React.createClass({
    contextTypes: {
        router: React.PropTypes.object.isRequired
    },
    render() {
        return (
            <div>
                <div onClick={ this.onRegister }>Reg Button</div>
                <Link to='/register' >
                    Register Link
                </Link>
            </div>
        )
    },
    onRegister() {
        console.log('register button');
        this.context.router.push('/register');
    }
});

这将适用于哈希或浏览器历史记录。