인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

g b님의 프로필 이미지
g b

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

axios 컴포저블 함수 구현 2

save 함수 error, loading ref 할당 질문입니다.

작성

·

278

1

18:14초에 save함수에 사용되는 error, loading을 구조 분해 할당 시 객체에 값을 바로 할당해서 반응형을 잃게 된다고 지적해주셨는데요.

useAxios.js에 반환 값이 ref로 반환해서 돼야 하는 것

아닌가요?

그런데 저장 버튼이 안 바뀌는 것을 보니 안되는 것

같긴한데,,, 왜그럴까요?

코드

({ loading, error } = useAxios(url, config, options));

 

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)
맞아요! 제가 잘 못 인지 했었습니다. 🥲

정정 감사합니다~!! 🙂

g b님의 프로필 이미지
g b
질문자

죄송합니다. 제가 된다고 착각했었습니다.

생성시에 버튼이 loading 버튼으로 바뀌지 않네요

로직을 생각해보니 ref 객체가 Composable 함수가 전부 실행된 후에 반환되니 기존 Loading 버튼에 달린 ref는 작동을 하지 않게 되네요!

헷갈리게 해서 죄송합니다.

 

짐코딩님의 프로필 이미지
짐코딩
지식공유자

아! 그렇네요 아닙니다 🥲
저도 순간 급하게 보다보니 헷갈렸.. ㅎㅎ

감사합니다 🙂

g b님의 프로필 이미지
g b

작성한 질문수

질문하기