Блог

как я могу использовать routerMiddleware для передачи истории в redux. Я пробовал ниже, но не получилось. Я не смог найти никаких ресурсов, которые интегрировали бы программное обеспечение routerMiddleware. Здесь я пытаюсь отреагировать-панель администратора, где она просит передать историю в качестве реквизита в хранилище redux. поэтому я пытаюсь использовать routeMiddleware для передачи реквизитов истории.

 import { createStore, combineReducers, applyMiddleware } from 'redux'
import thunk from 'redux-thunk'
import { composeWithDevTools } from 'redux-devtools-extension'
import { routerMiddleware, connectRouter } from 'connected-react-router'
import { createBrowserHistory } from 'history'
import { postListReducer } from './reducers/postReducers'

const history = createBrowserHistory()

const reducer = combineReducers({
  postList: postListReducer,
  router: connectRouter(history),
})

const initialState = { postList: { posts: [] } }

const middleware = [thunk, routerMiddleware(history)]

const store = createStore(
  reducer(history),
  initialState,
  composeWithDevTools(applyMiddleware(...middleware))
)

export default store
 

Редукторы:

 import {
    POST_LIST_REQUEST,
    POST_LIST_SUCCESS,
    POST_LIST_FAIL,
    POST_CREATE_REQUEST,
    POST_CREATE_SUCCESS,
    POST_CREATE_FAIL,
  } from '../constants/postConstants'
  
  export const postListReducer = (state = { posts: [] }, action) => {
    switch (action.type) {
      case POST_LIST_REQUEST:
        return { loading: true }
      case POST_LIST_SUCCESS:
        return {
          loading: false,
          posts: action.payload,
        }
      case POST_LIST_FAIL:
        return { loading: false, error: action.payload }
      default:
        return state
    }
  }