Question

在模块history中，我可以通过以下方式删除查询：

import createBrowserHistory from 'history/lib/createHashHistory';
const history = createBrowserHistory({ queryKey: false });

现在react-router 2.0我正在从中获取历史记录：

import { Router, Route, hashHistory } from 'react-router';

如何清理网址并删除查询？

Answer 1

基于react-router v2.0.0 Upgrade Guide：

import { Router, useRouterHistory } from 'react-router'
import { createHashHistory } from 'history'
// useRouterHistory creates a composable higher-order function
const appHistory = useRouterHistory(createHashHistory)({ queryKey: false })
<Router history={appHistory}/>

如您所见，createHashHistory是从history包导入的，因此您必须安装它。或者您可以import { createHashHistory } from 'react-router/node_modules/history'（因为history现在是react-router的正常依赖关系）

Answer 2

这很有效，谢谢。

如果有人使用browserify（就像我一样），代码应如下所示：

var useRouterHistory = require("react-router/lib/useRouterHistory");
var createHashHistory = require("react-router/node_modules/history/lib/createHashHistory");
var appHistory = useRouterHistory(createHashHistory)({ queryKey: false });
// finally add it to the router
<Router history={appHistory}>

React-Router 2.0哈希历史记录 - 如何删除查询

2 个答案: