将脚本标签导入反应应用程序（未定义）答案

【问题标题】：import script tag into react app (undefined)将脚本标签导入反应应用程序（未定义）
【发布时间】：2019-05-13 01:11:42
【问题描述】：

这是一个 react.js 应用程序，下面的代码适用于 index.html，但不适用于 JSX，我需要存储来自回调的信息，如果我可以使脚本标签有效，我会更容易，我尝试导入src文件使用两个第三方库都没有成功

    <ScriptTag type="text/javascript" 
    src="https://cdn.paddle.com/paddle/paddle.js" />

    <Script
      url="https://cdn.paddle.com/paddle/paddle.js"
      onCreate={this.handleScriptCreate.bind(this)}
      onError={this.handleScriptError.bind(this)}
      onLoad={this.handleScriptLoad.bind(this)}
    />

'Paddle' 没有被定义为 no-undef

这是 HTML：

<script type="text/javascript">
  Paddle.Setup({
    vendor: 123456,
     completeDetails: true
  });
</script>

我知道我没有导入Paddle，但我不知道该怎么做。在纯 HTML 上，它会自动导入 paddle.js。为什么没有在 JSX 上加载？

 checkout() {
    console.log('checkout');
    Paddle.Setup({
      vendor: 49773,
      completeDetails: true
    });
    Paddle.Checkout.open({
      product: 12345,
      email: "jane@paddle.com",
      passthrough: 1939284,
      successCallback: function (data) {
        console.log(data);
        alert('Thanks for your purchase.');
      },
      closeCallback: function (data) {
        console.log(data);
        alert('Your purchase has been cancelled, we hope to see you again soon!');
      }
    });
  }

https://paddle.com/docs/paddle-checkout-web/

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

即使脚本标签正确导入，模块也不能在 JSX 中使用。

【讨论】：