Я вижу дубликаты, когда я нажимаю ссылку или использую кнопку «Назад». Я могу перейти на любую страницу и обновить браузер, и все будет работать правильно. Мой регистратор дважды показывает @@ router/LOCATION_CHANGE, и это вызывает множество предупреждений и исключений вокруг экземпляров дублирования вещей. Это не похоже на проблему hashHistory vs browserHistory. Как люди указали на вопросы github. Я нахожусь на «response-router-redux»: «4.0.7». Настройка adjustUrlOnReplay на false не работает. Как всегда, действительно оцените любую помощь! Ниже приведены файлы myStartStore и Routes js. Может ли кто-нибудь помочь мне найти проблему здесь? Благодаря! PhillipReact Router Redux - дубликат Renders при использовании кнопки «Ссылка» или «Назад»
configureStore.js
import { createStore, applyMiddleware, combineReducers, compose } from 'redux'
import thunk from 'redux-thunk'
import logger from 'redux-logger'
import rootReducer from '../reducers'
import createSagaMiddleware from 'redux-saga'
import rootSaga from '../sagas/sagas'
import promiseMiddleware from 'redux-promise-middleware'
import { syncHistoryWithStore} from 'react-router-redux'
import { browserHistory } from 'react-router'
import { apiMiddleware } from 'redux-api-middleware';
const sagaMiddleware = createSagaMiddleware()
const initialState = {
};
const enhancers = compose(
window.devToolsExtension ? window.devToolsExtension() : f => f
);
const store = createStore(rootReducer, initialState, compose(
applyMiddleware(apiMiddleware, thunk, logger(), sagaMiddleware),
typeof window === 'object' && typeof window.devToolsExtension !== 'undefined' ? window.devToolsExtension() : f => f
));
export const history = syncHistoryWithStore(browserHistory, store);
sagaMiddleware.run(rootSaga);
export default store;
routes.js
import App from './App'
import '...a bunch of different components'
import { Provider } from 'react-redux'
import { Router, Route, IndexRoute, browserHistory } from 'react-router'
import store, { history } from './store/configureStore.js'
const router = (
<Provider store={store}>
<Router history={history}>
<Route path="/" component={App}>
<IndexRoute component={TeamsContainer}/>
<Route path="teams" component={TeamsContainer} />
<Route path="teams/:teamId" component={TeamContainer} />
<Route path="teams/:teamId/add_member" component={AddMemberContainer} />
<Route path="teams/:teamId/team_members/:teamMemberId" component={TeamMemberContainer} />
</Route>
</Router>
</Provider>
)
if ($('#app').length) {
ReactDOM.render(router, document.getElementById('app'));
}