成功コールバック内でコール・イールドput（）

Question

私はReactとReduxの新機能です。

私はreact-reduxを使用して、成功と失敗のコールバックを含むオブジェクトを受け取るAWS Cognitoサービスを呼び出しています。 AWSのCognitoから私のJWTを取得します。しかし、それはジェネレータ関数（function*）ではないので、どうすればこのコールバックの中にyield put()を入れることができますか？ここで

は、いくつかのコードです：

export function* getAWSToken(){ 
    // username, password and userPool come from react state 
    // not showing code for brevity. 

    const userData = { 
     Username: username, 
     Pool: userPool, 
    }; 
    const authenticationData = { 
    Username : username, 
    Password : password, 
    }; 

    const cognitoUser = new AWSCognito.CognitoIdentityServiceProvider.CognitoUser(userData); 
    const authenticationDetails = new AWSCognito.CognitoIdentityServiceProvider.AuthenticationDetails(authenticationData); 

    // This here is the callback 
    cognitoUser.authenticateUser(authenticationDetails, { 
    onSuccess(result){ 
     yield put(cognitoTokenObtained(result.getIdToken().getJwtToken()) 
    }, 
    onFailure(err){} 
    }); 
} 

Answer 1

あなたは（素晴らしいです）Reduxの-サガを使用している場合は、あなたがすることの命令セットにcognitoUser.authenticateUserようasycコールバックを変換するためにcall effectを使用することができます途中で実行されます。

ミドルウェアがコールを解決すると、ジェネレータを次のyield文にステップ実行します。戻り値を変数に代入し、putエフェクトを使用して状態に配置できます。

export function* getAWSToken(){ 
    // username, password and userPool come from react state 
    // not showing code for brevity. 

    const userData = { 
     Username: username, 
     Pool: userPool, 
    }; 
    const authenticationData = { 
    Username : username, 
    Password : password, 
    }; 

    const cognitoUser = new AWSCognito.CognitoIdentityServiceProvider.CognitoUser(userData); 
    const authenticationDetails = new AWSCognito.CognitoIdentityServiceProvider.AuthenticationDetails(authenticationData); 

    // Note: since you're invoking an object method 
    // you'll want to pass the object's context (this) with the call via an array 

    const token = yield apply(cognitoUser, cognitoUser.authenticateUser, [authenticationDetails, { onSuccess(response){return response}, onFailure(){} }]); 

    yield put(cognitoTokenObtained(token.getIdToken().getJwtToken()); 
} 

また、this incredible tutorialもあります。

編集：簡潔にするためにいくつかのコードを残しましたが、APIの外部IOに依存しているので、試しにキャッチしてジェネレータ内部のコードをラップすることを強くおすすめします。