本來在項目打算使用如下的配置，本人通過一些教程中看到了如果想要用react router和redux結(jié)合使用的話需要如下的依賴，但是當(dāng)我從官網(wǎng)的create-creact-app搭建的一個項目中發(fā)現(xiàn)了browserHistory這個依賴已經(jīng)沒有了。然后同樣的有一個react-router-dom中有一個BrowserRouter這個組件是可以實(shí)現(xiàn)相同的，是不是不需要react-router-redux進(jìn)行router和store同步了啊import { Router, Route, browserHistory } from 'react-router'
import { syncHistoryWithStore } from 'react-router-redux';
2 回答
湖上湖
TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個贊
v4需不需要看個人項目需求，在react-router-redux文檔中有這么一些說明：
如果要使用react-router-redux也是可以的，可以參考這個文檔說明來使用：
HUWWW
TA貢獻(xiàn)1874條經(jīng)驗(yàn) 獲得超12個贊
是的。而且在react-router V3也可以不用react-router-redux。這里我說下V3版本如何同步histroy到store。不BB，直接上代碼：
import { browserHistory } from 'react-router'
import { createStore } from 'redux'
// action
function locationChange (location = '/') {
return {
type : 'LOCATION_CHANGE',
payload : location
}
}
// reducer
const initialState = browserHistory.getCurrentLocation()
function locationReducer (state = initialState, action) {
return action.type === 'LOCATION_CHANGE'
? action.payload
: state
}
// store
const store = createStore(locationReducer)
const updateLocation = ({ dispatch }) => {
return (nextLocation) => dispatch(locationChange(nextLocation))
}
//綁定browserHistory，取消綁定執(zhí)行store.unsubscribeHistory()
store.unsubscribeHistory = browserHistory.listen(updateLocation(store))
添加回答
舉報
0/150
提交
取消