김loadPaymentWidget 예외처리 하는 법
환경 : React + Next
문제 : loadPaymentWidget에서 오류가 났을 때 try .. catch 혹은 .catch를 통해서 에러를 핸들링하고자 하는데, 어떻게 해야할 지 모르겠습니다.
reject가 안되는 것 같습니다.
문제 : 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
}, []);
