실행을 일시 중지하기 위해 약속 체인의 버튼 클릭을 기다리는 방법은 무엇입니까?

Question

일부 백엔드 호출을 연결하여 파일을 처리하려고 하는데, 전체 워크플로를 진행하려면 사용자가 중간에 일부 입력을 제공해야 합니다. 사용자가 계속 작업할 수 있도록 "계속" 버튼을 클릭할 때까지 실행을 일시 중지하는 방법을 잘 모르겠습니다.

따라서 과정은 다음과 같습니다.

<올>

사용자가 파일을 선택하고 일부 데이터를 업로드하는 이벤트를 트리거합니다.

양식이 포함된 모달을 여는 이전 호출에서 응답을 받았습니다. 여기서 잠시 멈춰야 합니다.

양식을 작성하고 계속 버튼을 클릭하여 약속 체인을 계속 진행하세요.

다른 엔드포인트에 추가 정보를 제출하려면 다른 호출을 트리거하세요.

따라서 이러한 각 단계에는 axios를 사용하는 HTTP 요청이 포함되어 있지만 이러한 약속을 연결하는 방법을 이해하는 데 어려움을 겪고 있습니다.

이제 다음과 유사한 코드가 생겼습니다.

onFileSelected(event) {
  // 여기에 코드를 입력하세요
  액시오스
    .우편("")
    .then((res) => {
      //여기서 모달 상자를 열고 버튼이 클릭될 때까지 기다려야 합니다.
    })
    .then(() => {
      또 다른 방법();
    });
}

Answer 1

Promise 자체는 실행을 일시 중지하는 방법을 제공하지 않지만 이를 달성하기 위해 async/await 구문을 사용할 수 있습니다. 사용자가 "계속" 버튼을 클릭하면 해결되는 사용자 정의 약속을 만듭니다. 이렇게:

으아악