Reactjs react路由器自动添加查询字符串参数

Reactjs react路由器自动添加查询字符串参数,reactjs,react-router,Reactjs,React Router,我是新手。我的问题对于react开发者来说可能非常简单,但我想通过这个论坛获得一些帮助 我有两个不同的页面,一个是路由配置页面,另一个是链接页面,我试图加载另一个组件,重定向到购物车页面,该页面显示购物车中的项目列表。所以默认情况下,从主页(app.js)模块,它必须重定向到购物车页面 我正在使用react路由器v1.0 路线配置页面:(app.js) 并与购物车链接显示 http://localhost:8080/#/?_k=exw21r http://localhost:8080/#/ca

我是新手。我的问题对于react开发者来说可能非常简单,但我想通过这个论坛获得一些帮助

我有两个不同的页面,一个是路由配置页面,另一个是链接页面,我试图加载另一个组件,重定向到购物车页面,该页面显示购物车中的项目列表。所以默认情况下,从主页(app.js)模块,它必须重定向到购物车页面

我正在使用react路由器v1.0

路线配置页面:(app.js)

并与购物车链接显示

http://localhost:8080/#/?_k=exw21r
http://localhost:8080/#/cart?_k=xme60o

有谁能帮我修改代码/共享一些资源(博客/视频)来帮助我解决这个问题吗。我需要加载默认组件,点击购物车按钮,它必须重定向到另一个组件。我在互联网上查看了许多例子,其中显示了在同一页面上使用不同的组件,但我在不同的页面中使用。请做必要的事。提前感谢。

模块添加了一个唯一的查询字符串,以便在使用基于
的历史记录时,可以将每个历史记录项与
会话存储中的某些状态关联起来

其文档对此进行了讨论,并向您展示了选择退出的一半解决方案:

另一半是将历史实例传递给
路由器

var createHashHistory = require('history/lib/createHashHistory')

// Opt out of persistent state query key for for hash history
var history = createHashHistory({queryKey: false})

<Router history={history}>...
var createHashHistory=require('history/lib/createHashHistory')
//选择退出哈希历史记录的持久状态查询键
var history=createHashHistory({queryKey:false})
...

您还需要将
history
添加到您自己的依赖项中。

Jonny Buchanan,require不起作用,当我使用babelify处理导入时,它会在解析文件时抛出一个错误,如ReactifyError非法导入声明。我如何更改package.json中的以下几行以与babelify一起工作..请帮助“开始”:“watchify-o js/bundle.js-v-d.”,“构建”:“browserify.-t[envify--NODE_ENV production]| uglifyjs-cm>js/bundle.min.js”,
http://localhost:8080/#/cart?_k=xme60o
var createHashHistory = require('history/lib/createHashHistory')

// Opt out of persistent state query key for for hash history
var history = createHashHistory({queryKey: false})

<Router history={history}>...