Redux-Sunk에서 Redux-Saga로 Redux-Thunk

redux-sunk에서 redux-saga로 전화를 걸려고 시도 중입니다. im은 사가에서 새 소식을 받았습니다. 그래서 사가 및 그 아래의 2 가지 기능에서 나온 코드 예제는 무엇입니까? 나를 도울 수있는 일이 될 것입니다 경우에 큰 도움을Redux-Sunk에서 Redux-Saga로 Redux-Thunk

var LOAD_TRANSLATIONS = exports.LOAD_TRANSLATIONS = 'loadTranslation'; 
// redux-thunk 
var loadTranslations = exports.loadTranslations = function loadTranslations(translations) { 
return function (dispatch) { 
    _index.I18n.forceComponentsUpdate(); 
    dispatch({ 
     type: LOAD_TRANSLATIONS, 
     translations: translations 
    }); 
    }; 
}; 

// saga 
function* loadTranslations() { 
    const lang = yield take(LOAD_TRANSLATIONS); 
    yield fork(getLang, lang); 
} 

function* getLang(lang){ 
    console.log(lang); 
    yield put({ 
     type: LOAD_TRANSLATIONS, 
    translations: lang 
}); 
} 


// redux-thunk 
var SET_LOCALE = exports.SET_LOCALE = 'setLocal'; 

var setLocale = exports.setLocale = function setLocale(locale) { 
    return function (dispatch) { 
    _index.I18n.forceComponentsUpdate(); 
    dispatch({ 
     type: SET_LOCALE, 
     locale: locale 
    }); 
    }; 
}; 


//saga 
function* setLocale() { 
const locale = yield take(SET_LOCALE); 
yield fork(getLocale, locale); 
} 

function* getLocale(locale){ 
console.log(locale); 
_index.I18n.forceComponentsUpdate(); 
yield put({ 
    type: SET_LOCALE, 
    locale: locale 
}); 
}

출처

2017-01-12 Gabriel Verges

사가 미들웨어 등록 방법을 붙여주십시오. – gbozee

모험이 ''함수 *로 setLocale() { 수율 takeEvery (SET_LOCALE, getLocale가) } '' 동작은 'getLocale' 생성 함수에 전달과 같을 것이다. 홈 페이지의 예를 살펴보십시오. https://redux-saga.github.io/redux-saga/ – gbozee

을 수행하는 두 PARAMS, 작업 일정 및 실행할 수있는 발전기를 취 takeEvery의 사용을 만들 수 있습니다. 그래서 예는이

function* setLocale(){ 
    yield takeEvery(SET_LOCALE, getLocale) 
} 
# you could use takeEvery or takeLatest

처럼 보일 수 있습니다와 getLocale가이 작업을 통해 추가 정보를 원하시면 https://redux-saga.github.io/redux-saga/의 첫 번째 예제를 확인할 수 있습니다

function* getLocale(action){ 
    console.log(action); 
    _index.I18n.forceComponentsUpdate(); 
    yield put({ 
     type: SET_LOCALE, 
     locale: action.locale 
    });

를 전달되는 가져옵니다.

출처

2017-01-12 19:34:12 gbozee

sagas에서 처리 된 작업은 sagas를 트리거합니다.

이것은 무한 루프가 발생하거나 작동하지 않을 가능성이 있음을 의미합니다.

무용담을 유발하고 무용지물에서 감속기를 트리거하는 데는 (불행히도) 다양한 동작 유형을 사용해야합니다.

출처

2017-01-17 17:15:03 Markus

Redux-Sunk에서 Redux-Saga로 Redux-Thunk

답변

관련 문제