redux sagaで非同期関数の後にいくつかの作業を行います

Question

私はredux-sagaでプロジェクトに取り組んでいます。私は前にサンクを使用していた ので、私はReduxの-サンクリターンのアクションが約束

componentDidMount(){ 
    login().then((success)=>{ 
    redirectToProfilePage(); 
    }) 
} 

ので、API要求などの後にいくつかの作品を行うことができます。 しかし、私がredux-sagaでこれをやろうとしているときは、を入力してを使用することはできません。なぜなら、sagaは約束を返さないからです。

私はこれを解決するためにcomponentWillReceivePropsを使用していますが、私はそれが適切な解決策ではないと思います。

サガ発電機でこの作業を行う必要がありますか？それとももっと良い方法がありますか？

Answer 1

Sagasの可能性を最大限に活用するには、componentDidMountにアクションをディスパッチする必要があります。そのコンポーネントのごsagas.jsファイルで

、componentDidMountでアクションをリッスンするためにファンクション・ジェネレータを作成しますが：

function* listenForLoginAction(){ 
    yield takeLatest('LOGIN_ACTION', loginSaga) 
} 

次に、あなたのloginSagaは、あなたがそれを伝えるために、非同期のものを処理します。あなたのloginSagaはこのような何かになります：yield callとyield putを使用して

function* loginSaga(action){ 
    try{ 
     const loginResponse = yield call(loginFunc, varsForloginFunc) 
     yield put({type: 'LOGIN_SUCCESS', loginResponse}) 
    } catch (error) { 
     yield put({type: 'LOGIN_FAIL', message: error.message}) 
    } 
} 

を、takeLatestまたはtakeEveryを使用して特定のアクションのためのリスニングと接続詞で、あなたはそれ以上の行が完了するまで実行するために待機するコードを記述することができます。

希望に役立ちます！