결제 위젯 문의 드립니다. RN 버전정보 드립니다.
"react-native": "0.77.0",
"@tosspayments/widget-sdk-react-native": "^1.4.0",
"tosspayments-react-native-webview": "^1.0.1"
버전을 사용중입니다.
--- 이하 문의 드렸던 사항 ---
https://docs.tosspayments.com/sdk/widget-rn#renderagreementselecto
react-native 를 이용해 결제 위젯 생성중입니다.
renderpaymentMethods 를 시행한 이후에 then에 도달하지 않습니다. 추가로 설정할 것이 있을까요?
<PaymentMethodWidget
selector="payment-methods"
onLoadEnd={() => {
console.log('onLoadEnd');
paymentWidgetControl
.renderPaymentMethods(
'payment-methods',
{ value: 200 },
{
variantKey: 'DEFAULT',
}
)
.then((control) => {
console.log('paymentMethodWidgetControl', control);
setPaymentMethodWidgetControl(control);
});
}}
/>
위젯을 로드하는데, renderpaymentMethods 를 시행한 이후에 then에 도달하지 않습니다. 추가로 설정할 것이 있을까요?
<PaymentWidgetProvider 에서 client key를 설정하고 customer key는 조건에 맞춰 생성하여 넣었습니다.
onLoadEnd 콘솔도 출력되지 않는 경우도 있습니다.
결제위젯 React Native SDK(Version 1) | 토스페이먼츠 개발자센터
결제위젯 React Native SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
13 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
아무런 위젯이 보이지 않습니다.

깃에 제공된 키를 사용하고 있습니다.

샘플햅 그대로 실행해보신건가요?
넵 그대로 실행하였습니다.
customerKEy unique하게 바꾼후, 다시 시도해봐주시겠어요? 이후에 시도한 시간대 알려주시면 로그 확인 도와드릴게요
<PaymentWidgetProvider
clientKey={
test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm
}
customerKey={JK7_qweP9zWznigTpHtZM
}
>
상기 키로 17:16 시도하였습니다!저희쪽으로 요청자체가 안들어왔네요
콘솔이나 네트워크 에러 확인가능하신가요
다음과 같이 콘솔을 출력할 때, 위젯 출력 정보가 set 되지 않으며, then으로 콜백 결과가 들어오지 않습니다.


추가로 다른 에러 발생은 없었습니다.
clientKey={test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm}
customerKey={JK7_qweP9zWznigTpHtZM}
이렇게 들어온 요청 자체가 없습니다.
왜 요청이 가지 않는지 한 번 확인해보겠습니다.. 의문이긴 합니다. 확인 감사드립니다!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.