我使用stripe PaymentRequestButton添加苹果支付和谷歌支付现在，我们需要stripe PaymentRequest对象。然后我们监听一些事件使用
PaymentRequest.on('paymentmethod, async (e)=>{ // Here are my states etc })个
现在，这是在一个useEffect中，useEffect依赖于state，如amount。但更改amount不会影响此事件，我想更新eventListeners
这是我的代码

let pr = null;

const StripeCheckoutForm = ({ amount, subscription, websiteName }) => {
  const stripe = useStripe();

  const [paymentRequest, setPaymentRequest] = useState(null);
  const [errorMessage, setErrorMessage] = useState("");

  useEffect(() => {
    if (stripe) {
      pr = stripe.paymentRequest({
        country: "CA",
        currency: "cad",
        requestPayerName: true,
        requestPayerEmail: true,
        total: { label: websiteName, amount: 1000 },
      });

      pr.canMakePayment().then((result) => {
        if (result) {
          setPaymentRequest(pr);
        }
      });

      // Code inside this block doesn't change on state change. 
      // It runs on the state values with which it was mounted.
      // I tried unmounting, cleaning functions, etc but that doesn't work

      pr.on("paymentmethod", async (e) => {
       
          const functions = firebase.functions();
          console.log(subscription);
          if (subscription) {
            console.log("Subscription");
           
            e.complete("success");
          } else {
            console.log("One time");
            
          }
      
      });

      pr.on("cancel", async (e) => {
        setErrorMessage("Payment box cancelled");
      });
    }
  }, [stripe, subscription, amount, websiteName]);

  return (
    <div className="stripe-checkout-form-component">
      <div className="payment-request-buttons-container">
        {paymentRequest && (
          <PaymentRequestButtonElement options={{ paymentRequest }} />
        )}
        <div className="payment-request-error">{errorMessage}</div>
      </div>
    </div>
  );
};

字符串