할인금액 추가하면 결제위젯이 재렌더링 됩니다.
안녕하세요 쿠폰 할인금액을 업데이트하면 결제위젯이 사라졋다가 다시 나타납니다..
할인 적용한 total 금액을 아래와 같이 useEffect에 dependency로 사용했습니다..
useEffect(() => {
// 쿠폰 사용시 결제 금액 업데이트 영역
const paymentMethodsWidget = paymentMethodsWidgetRef.current
if (paymentMethodsWidget == null) {
return
}
// ------ 금액 업데이트 ------
// 새로운 결제 금액을 넣어주세요.
// https://docs.tosspayments.com/reference/widget-sdk#updateamount결제-금액
paymentMethodsWidget.updateAmount(
total,
paymentMethodsWidget.UPDATE_REASON.COUPON
)
}, [total])
결제위젯 JavaScript SDK | 토스페이먼츠 개발자센터
결제위젯 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
8 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
할인금액 추가시 최종 결제금액이 어떻게되나요?
최종 금액은 56,000원입니다. 57000 -> 56000
영상으로 찍어서 보내주실수 있을까요?
아네 잠시만요
https://codesandbox.io/p/sandbox/payment-widget-react-sample-w7hrcz
여기 한번 참고해주세요
뭔가 상태관리에 이슈가 있는 것 같네요
넵 참고해볼게요
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.