約束のアクションの応答を得る（redux-thunkのような）

Question

私はredux-thunkからredux-sagaに移っていますが、1つの不足が見つかりました。アクションは、私が上で待つことができる約束を、返します

try { 
    downloadId = await dispatch(requestDownload('SOME_URL')); 
} catch(ex) { 
    console.log('download already existed, so request denied'); 
} 

：私は「要求を追加」することの非常に一般的な方法を持っていたReduxの-サンクで

。 requestファンクション（上記のrequestDownload）は、リクエストを許可してdownloadIdで解決するか、またはSOME_URLのダウンロードが既に存在する場合は拒否します。

私はこれをredux-sagaでどうやって行うことができますか？行動は何も返せないと思われる。

おかげredux-sagaで

Answer 1

あなたの代わりにeffectsと組み合わせてawaitが、yieldを使用していません。

あなたのコードは次のようになります。

// saga.js 

import { call, put } from 'redux-saga/effects' 
import { requestDownloadSucceeded, requestDownloadFailed } from './reducer.js' 

function* downloadRequestedFlow() { 
    try { 
    const downloadId = yield call(requestDownload, 'SOME_URL') 

    yield put(requestDownloadSucceeded(downloadId)) 
    } catch(error) { 
    yield put(requestDownloadFailed(error)) 
    } 
} 


// reducer.js 
... 
export const requestDownloadSucceeded = downloadId => ({ 
    type: REQUEST_DOWNLOAD_SUCCEEDED, 
    downloadId, 
}) 

export const requestDownloadFailed = error => ({ 
    type: REQUEST_DOWNLOAD_FAILED, 
    error, 
}) 

は、歩留まりの使用を可能に*と発電機能を注意してください。私も共通のREQUESTED、SUCCEEDED、FAILEDパターンを使用しています。

この回答が役に立ちましたと思います。