Блог

У меня есть проект, который находится на react, но файлы не .js, вместо этого они .tsx, и я пытаюсь использовать библиотеку stripe, но продолжаю получать ошибку.

Я пробовал несколько разных библиотек, которые помогают настроить stripe, но я продолжаю зацикливаться на этой ошибке.

Пожалуйста, помогите или направьте меня в правильную библиотеку, которая поможет мне настроить stripe.

мои коды

 import ReactDOM from "react-dom";
import StripeCheckout from 'react-stripe-checkout';
import axios from "axios";


function handleToken(token, addresses) {
    console.log(token, addresses);
  }

export default function Webinar() {

  return (
    <div className="container">

       <StripeCheckout stripeKey = "mykey"
            token={handleToken}
            name="Tesla Roadster"
            billingAddress
            shippingAddress
            />

    </div>
  );
}
  

Проблема в том, что в вашем репозитории Typescript теперь включен strict режим, который заставляет вас указывать ввод. Если вы хотите отключить его, вы можете просто переключить его на false в tsconfig.json :

 {
  "compilerOptions": {
    "strict": false,
    // ...
  }
}

  

Измените свою функцию handleToken на переменную с тем же типом вашего компонента prop, что и следующий:

 const handleToken: StripeCheckout['props']['token'] = (token) => {
  // You can receive hint from token type here
}