55 replies

paymentWidget on ready 관련

결제모듈이 렌더링이 되지않을 경우, 결제 버튼을 loading 처리 해두고, 렌더링이 완료되면 결제가 활성화 되도록 조건을 걸고있는데요.

해당 방식으로 배포 후 간혹 유저 분에게 버튼이 활성화 되지않는다는 CS가 접수되어 확인해보니. 네트워크가 느린 경우, 간혈적으로 on 메소드가 실행되지 않는 것을 확인했습니다. 혹시 해당 부분 한번 확인해주실 수 있을까요?

const [isWidgetReady, setIsWidgetReady] = useState<boolean>(true);

paymentMethodsWidgetRef?.current?.on('ready', () => {
  console.log('test');
  setIsWidgetReady(false);
});

const [isWidgetReady, setIsWidgetReady] = useState<boolean>(true);

paymentMethodsWidgetRef?.current?.on('ready', () => {
  console.log('test');
  setIsWidgetReady(false);
});

이미지는 개발자도구에서 네트워크 지연을 걸고 위 코드를 실행한 케이스입니다. 결제 모듈은 렌더링 되었지만 콘솔에는 test가 찍히지 않습니다.

매번 발생하지는 않았고, 10번 리프레쉬하면 1~2번 정도 발생했습니다.

Toss payments 개발자 커뮤니티•2y ago•

55 replies

Mingi Choe

paymentWidget on ready 관련

const [isWidgetReady, setIsWidgetReady] = useState<boolean>(true);

paymentMethodsWidgetRef?.current?.on('ready', () => {
  console.log('test');
  setIsWidgetReady(false);
});

const [isWidgetReady, setIsWidgetReady] = useState<boolean>(true);

paymentMethodsWidgetRef?.current?.on('ready', () => {
  console.log('test');
  setIsWidgetReady(false);
});

paymentWidget on ready 관련

paymentWidget on ready 관련

Similar Threads