URLが変更され、serachコンポーネントで使用されているキーワードが表示されます

Question

検索バーをクリックすると、reduxを使用して結果が表示され、商品のリストが表示されます。私はURLが私はこのような検索に使用するキーワードを表示することができますどのようにでもURLは同じまま：

http://localhost/seach?q=keyword

Answer 1

これが最善の方法である場合、私はしないでください。しかし、私はhistory.pushState()を使ってリロードせずにURLを変更しています。

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 
})) 

` ``