Mercado Pago 客戶端 onPaymentMethodsRecieved

Question

我正在嘗試將 Mercado Pago 集成到我的 React 應用程序中，首先我想連接客戶端，以便設置一些警報（/process-payments 將通過 python 完成）

我有問題。 我無法記錄 PaymentMethods 或 Issuers。 奇怪的是，我的 issuers 字段被填充了。 例如，每當我輸入一個隨機卡號時，我都會記錄分期付款而不是發行人（盡管我可以看到它們）

控制台和產品圖片

以下是我的代碼：

  useEffect(() => {
if (MercadoPago) {
  const mp = new MercadoPago(
    PUBLIC_KEY
  );
  console.log("mp es", mp);
  const cardForm = mp.cardForm({
    amount: "200",
    autoMount: true,
    form: formConfig,
    callbacks: {
      onFormMounted: (error) => {
        if (error) {
          return console.warn("Form mounted handling error: ", error);
        }
        console.log("Form Mounted");
      },
      onPaymentMethodsRecieved: (error, paymentMethods) => {
        console.log("In Payment methods");
        if (error) {
          window.alert("No payment methods");
        }
        console.log("Payment Methods Available", paymentMethods);
      },
      onIssuersRecieved: (error, issuers) => {
        if (error) return console.warn("issuers handling error: ", error);
        console.log("Issuers available: ", issuers);
      },
      onInstallmentsReceived: (error, installments) => {
        if (error)
          return console.warn("installments handling error: ", error);
        console.log("Installments available: ", installments);
      },
      onCardTokenRecieved: (error, token) => {
        if (error) {
          return console.warn("Token no se pudo crear: ", error);
        }
        console.log("Token available: ", token);
      },.......}

Answer 1

我認為你拼錯了“onPaymentMethodsRec ie ved”，它應該是onPaymentMethodsRec ie ved。 其他日志中也會發生同樣的情況。