Javascript React本地条带支付网关

我正在用React-Native实现条带支付网关，我正在使用React-Native条带api

import React，{Component}来自“React”；
进口{
文本，
看法
形象,，
可触摸不透明度，
i18n管理员，
异步存储，
}从“反应本族语”；
进口{
集装箱，
正确的，
项目,，
输入，
标题，
左边
身体，
标题
形式
}来自“本土基地”；
从“反应本机矢量图标/FontAwesome”导入FontAwesome；
从“反应本机向量图标/Ionicons”导入Ionicons；
//屏幕样式
从“./主题/样式/登录”导入样式；
从“./image/qualpros.png”导入徽标；
从“axios”导入axios；
从“反应本机AwesomeAlerts”导入AwesomeAlert；
从“react native Stripe api”导入条带；
类Stripedemo扩展组件{
静态导航选项={
标题：null，
showarert:false，
信息：“
};
状态={
数据：[]，
编号：空，
expmonth:null，
expyear:null，
cvc:null
};
薪酬（薪酬）{
var cardDetails={
“卡[号码]：“4242”，
“卡片[经验月]：“09”，
“卡片[出口年份]：“2023年”，
“卡[cvc]：“123”
};
var formBody=[]；
for（cardDetails中的var属性）{
var encodedKey=encodeURIComponent（属性）；
var encodedValue=encodeURIComponent（cardDetails[属性]）；
formBody.push（encodedKey+“=”+encodedValue）；
}
formBody=formBody.join（&）；
返回获取（'https://api.stripe.com/v1/tokens', {
方法：“post”，
标题：{
“接受”：“应用程序/json”，
“内容类型”：“应用程序/x-www-form-urlencoded”，
“授权”：“持有人”+“”
},
正文：格式正文
});
}
建造师（道具）{
超级（道具）；
this.state={showarert:false}；
}
showAlert=（）=>{
这是我的国家({
showAlert：对
});
};
hideAlert=（）=>{
这是我的国家({
showAlert:错误
});
};
render（）{
返回(
this.props.navigation.navigate（“ProfileScreen”）}
>
{
this.setState（{number}）；
}}
autoCapitalize=“无”
/>
{
this.setState（{expmonth}）；
}}
autoCapitalize=“无”
/>
{
this.setState（{expyear}）；
}}
autoCapitalize=“无”
/>
{
this.setState（{cvc}）；
}}
autoCapitalize=“无”
/>
添加卡
{
这个。hideAlert（）；
}}
/>
);
}
}
导出默认的StripedemoTipsy是推荐的[1]条带API集成的第三方库，它确实支持令牌化信用卡[0]

由于PCI合规性要求[2]，建议您不要直接调用令牌化URL，而是使用Stripe Provider Mobile SDK[3]，tipsi就是建立在这之上的


[0]（）
[1] （）
[2] （）
[3] （）
这是我遇到的一个视频，它与stipe支付有关，也许这会有所帮助，它在世博会上，但我们至少可以得到一个想法

您能发送示例吗？我知道tipsi有这个例子，但令人困惑的是，它在StripeAre中没有订阅。你解决了这个问题，你能为我提供解决方案吗。