3

redux-loop複雑な ajax ワークフローを処理するために使用する例はありますか? 公式リポジトリは非常に最小限です。私が見つけることができた野生の1つの例(https://hackernoon.com/why-i-wrote-a-redux-async-outerware-277d450dba74#.2ocaloc58)から、redux-loopは非常に似ているようですredux-thunk へ。

複雑な ajax ワークフローの例を次に示します。

  • Ajax ワークフロー1 . ユーザーは、結果テーブルで 2 つの異なるフィルターを選択します。各フィルターは ajax リクエストを開始し、それが順不同で解決されます。結果テーブルには、正しいフィルター選択が表示されます。エラーによって結果テーブルが更新されないようにする必要があります。
  • Ajax ワークフロー 2
    • ユーザーがレポートの生成を開始します (これは長時間実行されるプロセスです)。
    • ユーザーが別のレポートに切り替えます。保留中の「レポート待ち」アクションをキャンセルまたは無視する必要があります。
  • より複雑なワークフロー(古い redux-saga の例に基づく)
    • ユーザーがログイン ボタンを押すと、認証トークンを取得するための ajax リクエストが開始されます
    • また
      • ユーザーはすぐにログアウト ボタンを押します。これにより、保留中の認証アクションがキャンセルまたは無視されます。
      • または、解決時に認証トークンを保存する必要があります
    • ログアウト後またはログインエラーが発生した場合は、認証トークンをクリアする必要があります
4

1 に答える 1