背景

项目中使用依赖于jquery的第三方插件，插件以umd规范编写实现自定义功能。

思路

通过向window对象上添加属性实现全局变量。

实现

1、jquery可以通过npm来进行安装，安装完成后可以使用import语句将其引入到当前的项目中。

2、打开启动模块App.tsx并向其中加入以下代码，设置为全局变量：

import * as jq from 'jquery';  
declare var window: any; 
window.jQuery = jq; 
window.$ = jq; 

3、index.html文件中，加载第三方库。即可在某页面useEffect中使用插件。

window.onload = function() {
    var demoelement = document.createElement("script");
    demoelement.src = "%PUBLIC_URL%/demo.js";
    document.body.appendChild(demoelement);
}

参考

segmentfault.com/a/119000002…

blog.csdn.net/u010565037/…