Question

我有一个搜索栏，当您点击它时，使用redux会显示结果并显示产品列表。但是url保持不变，我怎么能让url显示我用来搜索的关键字：

Answer 1

如果这是最好的方式我不会。但我正在使用history.pushState()更改网址而不重新加载。

Answer 2

您可以使用react-router来控制应用程序的路由器，并使用react-router-redux将路由连接到redux。

```

import { createStore, combineReducers, applyMiddleware } from 'redux';
import { routerMiddleware, push } from 'react-router-redux'

// Apply the middleware to the store
const middleware = routerMiddleware(browserHistory)
const store = createStore(
  reducers,
  applyMiddleware(middleware)
)

// Dispatch from anywhere like normal.
store.dispatch(push({
  pathname: 'search',
  query: {
    q: keyword
}))

```

Url更改并显示serach组件中使用的关键字

2 个答案: