김동훈
김동훈17mo ago

loadPaymentWidget 예외처리 하는 법

환경 : React + Next 문제 : loadPaymentWidget에서 오류가 났을 때 try .. catch 혹은 .catch를 통해서 에러를 핸들링하고자 하는데, 어떻게 해야할 지 모르겠습니다. reject가 안되는 것 같습니다.
import { loadPaymentWidget } from @tosspayments/payment-widget-sdk

useEffect(() => {
(async () => {
// 추후 비로그인 추가시 customerKey 대신 PaymentWidget.ANONYMOUS 사용
const paymentWidget = await loadPaymentWidget(clientKey, customerKey);

if (paymentWidget) {
const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
Selector.PAYMENT_WIDGET,
{ value: price },
);
paymentWidget.renderAgreement(Selector.AGREEMENT);
paymentWidgetRef.current = paymentWidget;
paymentMethodsWidgetRef.current = paymentMethodsWidget;
}
})();
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
import { loadPaymentWidget } from @tosspayments/payment-widget-sdk

useEffect(() => {
(async () => {
// 추후 비로그인 추가시 customerKey 대신 PaymentWidget.ANONYMOUS 사용
const paymentWidget = await loadPaymentWidget(clientKey, customerKey);

if (paymentWidget) {
const paymentMethodsWidget = paymentWidget.renderPaymentMethods(
Selector.PAYMENT_WIDGET,
{ value: price },
);
paymentWidget.renderAgreement(Selector.AGREEMENT);
paymentWidgetRef.current = paymentWidget;
paymentMethodsWidgetRef.current = paymentMethodsWidget;
}
})();
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
4 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
Kimoon Lee
Kimoon Lee17mo ago
이게 로드가 안되면 아예 사용 자체가 안되시는 건데, 해당 부분을 try, catch 로 처리하시면 될것 같습니다.
김동훈
김동훈OP17mo ago
넵 감사합니다~
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

Did you find this page helpful?