サードパーティのコールバックによるアクションのディスパッチ

Question

私のアプリではサードパーティのライブラリからメソッドを呼び出すワーカーがいます。サードパーティライブラリは支払いサービス（Zuora）であり、メソッドはiframeフォームを初期化し、コンポーネント内でレンダリングします。サードパーティのライブラリメソッドには、iframeフォームの送信時に呼び出されるコールバック関数が必要です。ここで

は、佐賀の簡略図です：

function* render(action) { 
    try { 
    const callback = function(response) { 
     if (response.success) { 
     // DISPATCH ACTION HERE 
     } 
    } 

    ZUORALIBRARY.render(callback); 
    yield put({...action, type: RENDER_SUCCESS}); 

    } catch (e) { 
    yield put({...action, type: RENDER_FAIL, errors: e}); 
    } 
} 

私は、コールバック内のアクションを派遣したいと思いますが、それが動作することに何の運を持っていませんでした。これには、コールバック関数をジェネレータにして、yield/putを使用することが含まれています。私はこのアプローチが反パターンかもしれないことも読んだ。

これを処理する別の方法がありますか？

Answer 1

私はなどロガー、分析、などサードパーティのライブラリを処理する必要がある場合、この

import { call, put } from "redux-saga/effects"; 

function renderIframe() { 
    return new Promise((resolve, reject) => { 
    ZUORALIBRARY.render(response => { 
     if (response.success) { 
     resolve(response); 
     } else { 
     reject(); 
     } 
    }); 
    }); 
} 

function* render(action) { 
    try { 
    const result = yield call(renderIframe); 
    yield put({ ...action, type: RENDER_SUCCESS }); 
    } catch (e) { 
    yield put({ ...action, type: RENDER_FAIL, errors: e }); 
    } 
}