如何解决如何在tsx文件上使用条带库遇到错误
我有一个正在执行反应的项目,但是文件不是.js而是.tsx,我正在尝试使用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>
);
}
解决方法
问题是您的打字稿存储库现已启用strict
模式,这会强制您指定键入内容。如果您希望保持静音,则只需将其切换到false
中的tsconfig.json
:
{
"compilerOptions": {
"strict": false,// ...
}
}
将函数handleToken
更改为具有与组件prop相同类型的变量,如下所示:
const handleToken: StripeCheckout['props']['token'] = (token) => {
// You can receive hint from token type here
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。