Javascript react中的脚本元素中不会触发Onerror和onload事件

我正在尝试从react组件中的stripe动态获取脚本。 获取脚本

|script src="https://js.stripe.com/v3/">

工作方式的类型。然而，在react中，似乎onerror和onload 事件不会发生

或：

import React，{Component}来自“React”；
从“react dom”导入react dom；
类应用程序扩展组件{
showLoad=（）=>{
控制台日志（“已加载”）；
};
淋浴时间=（）=>{
控制台日志（“错误”）；
};
fetchStripe=（）=>{
console.log（“获取”）；
var stripe=document.createElement（“脚本”）；
stripe.onload=this.showLoad；
stripe.onerror=this.showError；
stripe.src=”https://js.stripe.com/v3/";
};
componentDidMount（）{
this.fetchStripe（）；
}
render（）{
返回哈罗；
}
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）；

---

提前谢谢你的帮助

您需要将它附加到

以开始加载，否则它仍在内存中，而DOM中不存在，因此浏览器将不会解析它。因此，在

stripe.src=”行之后也添加这个https://js.stripe.com/v3/";：

document.getElementsByTagName('head')[0].appendChild(stripe);

document.getElementsByTagName('head')[0].appendChild(stripe);