React Router将查询附加到URL

齐声地

React Router似乎在我的路由末尾附加了一个查询。该应用由运行express的节点服务器提供服务。我正在使用最新版本的react-router“ 1.0.0-rc1”

例: http://localhost:8080/#/users?_k=8wsy62

两个问题

1)为什么会这样?

2)如何阻止将查询附加到网址?

这是我到目前为止的代码:

var React = require('react');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var Link = ReactRouter.Link;
var IndexRoute = ReactRouter.IndexRoute;

var App = React.createClass({
    render: function() {
        return (
            <div className="app">
                <h1>App</h1>
                <Link to="/users">Users</Link>
                {this.props.children}
            </div>
        );
    }
});

var Home = React.createClass({
    render: function() {
        return (
            <div className="home">
                <h2>Home</h2>
            </div>
        );
    }
});

var Users = React.createClass({
    render: function() {
        return (
            <div className="users">
                <h2>Users</h2>
            </div>
        );
    }
});

React.render((
    <Router>
        <Route path="/" component={App}>
            <IndexRoute component={Home} />
            <Route path="users" component={Users} />
        </Route>
    </Router>
), document.body);
晚2

取自此链接:http : //rackt.github.io/history/stable/HashHistoryCaveats.html

HTML5提供了pushState方法和popstate事件,但是在较旧的浏览器中,唯一拥有的就是URL。因此,在使用哈希历史记录时,您会在查询字符串中看到一个类似于_k = 123abc的项。这是历史记录用来在页面加载之间在window.sessionStorage中查找持久状态数据的键。

如果您不喜欢它,可以检查上面的链接和该链接,以获得有关如何阻止此链接的想法:https : //github.com/rackt/react-router/issues/1952#issuecomment-140401701

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章