Promise チェーンでボタンのクリックを待って実行を一時停止するにはどうすればよいですか?

Question

ファイルを処理するためにいくつかのバックエンド呼び出しを連鎖させようとしていますが、ワークフロー全体では、ユーザーが途中で何らかの入力を行う必要があります。ユーザーが「Continue」ボタンをクリックするまで実行を一時停止して、動作を継続できるようにする方法がわかりません。

プロセスは次のようになります。

1. ユーザーはファイルを選択し、データをアップロードするイベントをトリガーします。
2. 前の呼び出しからの応答を取得し、フォームでモーダルを開きます。ここで一時停止する必要があります。
3. フォームに記入し、Continue ボタンをクリックして、Promise チェーンを続行します。
4. 別の呼び出しをトリガーして、別のエンドポイントに詳細情報を送信します。

これらの各ステップには、axios を使用した HTTP リクエストが含まれていますが、これらの Promise を連鎖する方法を理解するのに苦労しています。

これで、次のようなコードができました:

onFileSelected(event) {
  // ここにコードを書きます
  アクシオス
    。役職（""）
    .then((res) => {
      //ここではモーダルボックスを開いてボタンがクリックされるのを待つ必要があります
    })
    .then(() => {
      別のメソッド();
    });
}

Answer 1

Promise 自体は実行を一時停止するメソッドを提供しませんが、async/await 構文を使用してこれを実現できます。ユーザーが「続行」ボタンをクリックしたときに解決されるカスタム Promise を作成します。このような：＃＃＃ リーリー