안녕하세요
현재 클라이언트 위젯을 붙이려고 하는데
function usePaymentWidget(clientKey: string, customerKey: string) {
return useQuery({
queryKey: ['payment-widget', clientKey, customerKey],
queryFn: () => {
// ------ 결제위젯 초기화 ------
// @docs https://docs.tosspayments.com/reference/widget-sdk#sdk-설치-및-초기화
return loadPaymentWidget(clientKey, customerKey);
}
});
}
이렇게 값을 불러오는데 존재하지 않는 위젯입니다. 라고 에러 메세지가 뜹니다 혹시 어떤 방법으로 해야할까요?
현재 clientKey는 결제위젯 연동키 ,개별결제연동키, 공식문서의 클라이언트키 넣어본 상태입니다..
결제위젯 JavaScript SDK | 토스페이먼츠 개발자센터
결제위젯 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
5 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
https://docs.tosspayments.com/guides/v2/payment-widget/integration?frontend=react
리엑트 샘플이 있는데, 참고 해보시겠어요?
연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠의 간편한 결제 연동 과정을 한눈에 볼 수 있습니다. 각 단계별 설명과 함께 달라지는 UI와 코드를 확인해보세요.
제가 저번에 next 샘플을 보고 연동을 했었던 코드인데 새로 똑같이 적용을 해보려고 하니까 안되더라구요 다시 해보겠습니다
GitHub
tosspayments-sample/express-react at main · tosspayments/tosspaymen...
토스페이먼츠 결제연동 샘플 프로젝트입니다. Contribute to tosspayments/tosspayments-sample development by creating an account on GitHub.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.