React中异步引入script标签
React中支持异步加载script，通过react-loadable可以在React中异步import。
但是目前遇到一个问题，引入全局的script标签(不支持CommonJS方式导入)。但是如果把所有标签全部写在index.html中的话，那么第一页加载的速度会变慢，所以希望实现异步引入script标签的方法。
目前通过document.createElement的方法来动态创建脚本标签，然后通过document.body.appendChild将脚本加入body中。然后在页面componentDidMount的时候调用改方法。做了一些状态处理。
这样调用Tools.asyncLoadScripts(scripts, callback)所有标签就会加载到Dom中(无序加载，加载完所有的就会callback)。
封装在Tools类中：
- 发表于:
- 原文链接：https://kuaibao.qq.com/s/20190920A06G4Y00?refer=cp_1026
- 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号（企鹅号）传播渠道之一，根据《腾讯内容开放平台服务协议》转载发布内容。
- 如有侵权，请联系 cloudcommunity@tencent.com 删除。
相关快讯
扫码
添加站长 进交流群
领取专属 10元无门槛券
私享最新 技术干货
腾讯云开发者
