"성공적인 Axios 호출에 해당 메시지가 표시되지 않았습니다."

Question

Axios 호출 성공에 대한 응답을 받고 성공 메시지를 표시하는 방법을 모르겠습니다.

onClick 기능이 있는 "워크플로 순서 변경"이라는 버튼이 있습니다.

으아아아

onClick 기능입니다. ChangeWorkflowOrder 함수는 Axios 호출을 실행합니다.

으아아아

Axios 호출의 성공적인 응답을 캡처하고 Axios 호출의 응답이 성공하면 HTML 스팬 태그에 성공 메시지를 표시하고 싶습니다. 메시지는 4초 동안만 표시되어야 합니다. 4초 후에는 성공 메시지가 숨겨져야 합니다.

이것을 만들어 보았습니다. 제가 시도한 ChangeWorkflowOrder 함수입니다.

으아아아

이 코드는 오류 메시지를 올바르게 표시합니다. 그런데 4초 뒤에 오류 메시지가 뜨고, "주문 변경 성공" 메시지가 숨겨지지 않아서 Axios 호출 응답 캡처 부분이 잘못된 것 같아요.

Axios 호출의 응답을 캡처하고 HTML 스팬 태그에 4초 동안 성공 메시지를 표시하려면 어떻게 해야 합니까?

Answer 1

먼저 API/웹 서비스용 axios 클라이언트를 만드는 것이 좋습니다.

으아악

그런 다음 onclick 함수를 다시 작성하고 지연을 구현하세요. 다음 스택 오버플로 답변을 참조하세요.

으아악