React-native-iap: परचूनडेड लिस्टनर को बार-बार कहा जाता है

मुझे संदेह है कि आपने घटक रेंडरर्स के साथ कई बार खरीदारीसूची पंजीकृत की है।

धन्यवाद, मैंने तब से इसे हुक का उपयोग करते हुए फिर से लिखा है ताकि इसे प्रत्येक रेंडर पर न बुलाया जाए। मेरी गलती एक वर्ग घटक के डॉक्स में दिए गए उदाहरण को लेने की कोशिश कर रही थी और इसे एक कार्यात्मक घटक में पोर्ट कर रही थी। पुस्तकालय पर महान काम!

@ 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();
    };
  }, []);