redux-sagaのSagaは無視され、還元剤のみが使用されます

Question

ここではredux-sagaに問題があります。サイドバーを開く/閉じるにはtoggleSidebar()と呼んでいます。しかし、それはうまくいかない。 reducerとsagaにconsole.logを使用してコンソールにログしますが、コンソールにはreducerログだけが記録されます。

サイドバーが開きますが、なぜサガは無視されますか？

/sagas/templateSaga.jsは - コンソールにログ

export default (state = initialState, {type, data = ""}) => { 
    switch (type) { 
    case TOGGLE_SIDEBAR: { 
     console.log("Called toggleSidebar in reducer"); 
     return {...state, collapsed: data} 
    } 
    default: { 
     return { 
     ...state 
     } 
    } 
    } 
} 

-

import { FETCH_DEFAULT_TEMPLATE, RECEIVE_DEFAULT_TEMPLATE } from '../actions' 

function* toggleSidebar(action) { 
    console.log("Called toggleSidebar in Saga") 
    yield put({type: 'TOGGLE_SIDEBAR', data: action.payload}); 
} 


export default function* templateSaga() { 
    yield takeLatest("TOGGLE_SIDEBAR", toggleSidebar); 
} 

/reducers/templateReducer.jsコンソールにログインしていません

/actions/index.js

export const TOGGLE_SIDEBAR = 'TOGGLE_SIDEBAR' 
export const toggleSidebar = data => ({type: TOGGLE_SIDEBAR, data}) 

/reducers/index.js（rootReducer）

import templateReducer from './templateReducer' 

export default combineReducers({ 
    templateReducer 
}) 

/sagas/index.js（rootSaga）

import templateSaga from './templateSaga' 

export default function* rootSaga() { 
    yield all([ 
    ...templateSaga 
    ]) 
} 

マイストアのような構成ですその：おそらく/sagas/index.jsで

const mapStateToProps = state => ({ 
    template: state.templateReducer 
}) 
const mapDispatchToProps = dispatch => 
    bindActionCreators({ toggleSidebar }, dispatch) 


export default connect(mapStateToProps, mapDispatchToProps)(App); 

Answer 1

をエラー（rootSaga） ...templateSagaそうのようなfork(templateSaga)にを変更してください：

import createSagaMiddleware      from 'redux-saga' 
import rootReducer  from '../modules/reducers' 
import rootSaga from '../modules/sagas' 

const sagaMiddleware = createSagaMiddleware(rootSaga); 

const middleware = [ 
    sagaMiddleware, 
    routerMiddleware(history) 
] 

export const store = createStore(
    rootReducer, 
    applyMiddleware(...middleware) 
) 
sagaMiddleware.run(rootSaga) 

そして最後に、私のアプリでは、私が使用しています

import { fork } from 'redux-saga/effects' 
import { templateSaga } from './templateSaga' 

export default function* rootSaga() { 
    yield all([ 
    fork(templateSaga) 
    ]) 
} 

変更後export default function* templateSaga〜

export function* templateSaga() { 
    yield takeLatest("TOGGLE_SIDEBAR", toggleSidebar); 
} 

はまた、あなたが'TOGGLE_SIDEBAR'を取り、あらゆる面で