读取javascript script index.html公共文件夹react js中的类
读取javascript script index.html公共文件夹react js中的类
提问于 2020-02-04 17:29:55
我需要知道如何将index.html公共文件夹文件中的javscript脚本嵌入到react组件中。我已经在使用这个方法了，但是类还没有定义。
componentDidMount () {
this._loadScript('/library/es6-shim.js', false)
this._loadScript('/library/fingerprint.sdk.min.js', true)
this._loadScript('/library/websdk.client.bundle.min.js', false)
var script = document.createElement('script')
script.async = true
script.innerHTML = "this.sdk = new Fingerprint.WebApi;"
document.head.appendChild(script)
}
_loadScript = (src, type) => {
var tag = document.createElement('script');
tag.async = true;
tag.src = src;
document.head.appendChild(tag)
// tag.onload = () => this.scriptLoaded()
console.log('headers', document.head)
}我需要在组件中读取新的Fingerprint.WebApi实例。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-02-04 17:59:51
您应该加载所有这三个库，然后您应该可以访问全局公开的Fingerprint类。
componentDidMount() {
Promise.all([
this._loadScript('/library/es6-shim.js'),
this._loadScript('/library/fingerprint.sdk.min.js'),
this._loadScript('/library/websdk.client.bundle.min.js')
])).then(() => {
// Fingerprint should be available on the window.
console.log(window.Fingerprint);
const sdk = new window.Fingerprint.WebApi();
});
}
_loadScript = (src) => {
return new Promise((resolve, reject) => {
const script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('async', 'true');
script.setAttribute('src', url);
script.onload = resolve;
script.onerror = reject;
document.head.appendChild(script);
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60054309
复制相关文章
相似问题
腾讯云开发者
