Redux-Saga wird nicht ausgeführt nach Yield Call

Question

Ich habe diese DeleteSkill-Handler. In diesem Handler rufe ich ein API auf, um Fertigkeiten zu löschen. (yield (utils.deleteSkill)). Es ruft die API erfolgreich, aber danach nichts ausführen. Die Konsolenanweisung nach dem Yield-Aufruf gibt nichts aus. Ich kann nichts herausfinden. Kann mir bitte jemand helfen?

import { takeLatest, delay, takeEvery } from 'redux-saga' 
import { call, fork, put, race, take } from 'redux-saga/effects' 
import * as ActionTypes from './../constants/actions' 

/* Handlers */ 
function* fetchSkills(action) { 
try { 
    const { data } = yield call(utils.fetchSkills, action) 
    yield put({type: ActionTypes.SUCCESS_FETCH_SKILLS, data}) 
    } catch (e) { 

    } 
} 

function* deleteSkill(action) { 
try { 
    yield call(utils.deleteSkill, action.data) //doesn't execute after this 
    console.log('Hello') //won't execute 
    yield put({type: ActionTypes.REQUEST_FETCH_SKILLS}) 
    } catch (e) {} 
} 

/* Watchers */ 
function* watchFetchSkills() { 
while (true) { 
    yield* takeLatest(ActionTypes.REQUEST_FETCH_SKILLS, fetchSkills) 
    } 
} 

function* watchDeleteSkill() { 
    while (true) { 
    yield* takeLatest(ActionTypes.REQUEST_DELETE_SKILL, deleteSkill) 
    } 
} 

export default function* rootSaga() { 
yield [ 
    fork(watchFetchSkills), 
    fork(watchDeleteSkill), 
    ] 
} 

Answer 1

Ich vermute, dass es ist, weil in Ihrem function* watchFetchSkills() und function* watchDeleteSkill() sollte die yield keine * haben. Es sollte nur yield sein.

Auch wenn Sie eine andere Generatorfunktion von function* watchDeleteSkill() sind nennen es takeLatest tatsächlich ruft, das die Quelle nach:

https://github.com/redux-saga/redux-saga/blob/5fa5d628a80bbb4bfe488288b3ed19b5396f4d14/src/internal/io.js#L164

Ist das nicht eine Generatorfunktion. Es ist nur eine einfache alte Funktion, was bedeutet, dass yield* nicht benötigt wird.