React-native-iap: purchaseUpdatedListener가 반복적으로 호출 됨

구성 요소가 다시 렌더링 될 때 purchaseListener를 여러 번 등록한 것 같습니다.

감사합니다. 이후 매 렌더에서 호출되지 않도록 후크를 사용하여이를 다시 작성했습니다. 내 실수는 클래스 구성 요소의 문서에서 제공된 예제를 사용하여 기능 구성 요소로 포팅하려는 것입니다. 도서관에서 잘하셨습니다!

@cgathergood 나도이 문제가 있습니다. 반응 후크를 사용하여 이벤트 핸들러 코드를 게시 할 수 있습니까?

@cgathergood 코드 샘플도보고 싶습니다. 나는 갈고리로 약간 고군분투하고 있습니다.

@ wootwoot1234 @osmantuna 문제를 해결했다면 이벤트 핸들러 코드를 제공해 주시겠습니까?

나중에 필요할 사람들을 위해 내 솔루션을 내려 놓을 것입니다.

상태 구성 요소 외부 (내부에서도 작동 할 수 있음) :

var purchaseUpdateSubscription;
var purchaseErrorSubscription;
const loadIAPListeners = () => {
  initConnection(); // important, or else it won't trigger before a random state change
  purchaseUpdateSubscription = purchaseUpdatedListener(
    async (
      purchase: InAppPurchase | SubscriptionPurchase | ProductPurchase,
    ) => {
      console.log('purchaseUpdatedListener', purchase);
      let receipt = purchase.transactionReceipt;
      if (receipt) {
        apis.checkreceipt({data: purchase, platform: Platform.OS}); // I personally don't care about callback
        if (Platform.OS === 'ios') {
          await RNIap.finishTransactionIOS(purchase.transactionId);
        } else if (Platform.OS === 'android') {
          await RNIap.acknowledgePurchaseAndroid(purchase.purchaseToken);
        }
        await RNIap.finishTransaction(purchase, true);
        await RNIap.finishTransaction(purchase, false);
      } else {
        // Retry / conclude the purchase is fraudulent, etc...
      }
    },
  );
  purchaseErrorSubscription = purchaseErrorListener((error: PurchaseError) => {
    console.log('purchaseErrorListener', error);
  });
};

상태 구성 요소 내부 :

useEffect(() => {
    loadIAPListeners();
    return () => {
      purchaseUpdateSubscription.remove();
      purchaseErrorSubscription.remove();
    };
  }, []);