个人中心
gpt4 book ai didi

javascript - "Stripe is not defined"错误 - 在加载脚本之前调用函数？

转载 作者：行者123 更新时间：2023-11-30 14:01:11 26 4
gpt4 key购买 nike

我认为我的脚本没有加载(或加载得太早)有问题。

我尝试执行 Stripe library付款。为此，在我的代码中使用 Stripe 函数之前，我必须包含一个脚本。我在我的公用文件夹中添加了给定的脚本 src="https://js.stripe.com/v3/"，在 header 中的 index.html 中，如下所示:

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <script src="https://js.stripe.com/v3/"></script>
    <title>React App</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>

我创建了一个空的应用程序，只调用了 Stripe。这是 App.js :

import React from 'react';
import './App.css';
import {Button} from 'react-bootstrap'

class App extends React.Component {
  constructor() {
    super();
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick(){
    var stripe = Stripe('pk_test_XXXXXXXXXXXX');
    // I will use stripe variable later. But for now I have an error with previous line
  }

  render() {
    return(
      <div>
          <Button 
                  className= "btn-xlBook"
                  variant="primary"
                  onClick={this.handleClick}>
                  OK
          </Button>
      </div>
    )
  }

}
export default App

但是当我启动 yarn 时，出现错误 'Stripe' is not defined no-undef。

我不明白，我在 header 中调用了脚本，但行为就像脚本尚未加载一样。

你知道怎么解决吗？我在 index.html 的 header 中添加了一个脚本，它应该在应用程序之前加载，不是吗？

最佳答案

您不需要在任何地方导入 Stripe。例如，就像您对 Button 所做的那样。查看React Stripe Elements有关如何在 React 中使用 Stripe 的示例。

关于javascript - "Stripe is not defined"错误 - 在加载脚本之前调用函数？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56292032/

26 4 0
文章推荐： javascript - 从 XML 加载游戏图 block 数据并使用 jQuery 渲染新图 block
文章推荐： C# 工作流引擎 - 对于最终用户
文章推荐： javascript - 为什么以函数声明作为参数的 setInterval() 与匿名函数的工作方式不同？
文章推荐： c# - 在 C# ASP.Net 中查找当前星期几
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com