老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 841|回复: 0

React 引入第三方的 Script 标签,或者 统计代码等

[复制链接]

662

主题

878

帖子

5113

积分

超级版主

Rank: 8Rank: 8

积分
5113
发表于 2021-1-2 15:39:04 | 显示全部楼层 |阅读模式


首先 说下来源:  https://segmentfault.com/q/1010000015990826?sort=created  [ 其中一个哥们的解答 就是来源 ]

关键组件:  cnpm  install react-load-script --save

使用方法很简单:
  1. import React from 'react';
  2. import Script from 'react-load-script';

  3. class DynamicScriptExample extends React.Component {
  4.     constructor(props) {
  5.         super(props);
  6.         this.state = {
  7.             scriptStatus: 'no'
  8.         }
  9.     }

  10.     handleScriptCreate() {
  11.       this.setState({ scriptLoaded: false })
  12.     }
  13.      
  14.     handleScriptError() {
  15.       this.setState({ scriptError: true })
  16.     }
  17.      
  18.     handleScriptLoad() {
  19.       this.setState({ scriptLoaded: true, scriptStatus: 'yes' })
  20.     }

  21.     render() {
  22.         return (
  23.             <>
  24.             <Script
  25.               url="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"
  26.               onCreate={this.handleScriptCreate.bind(this)}
  27.               onError={this.handleScriptError.bind(this)}
  28.               onLoad={this.handleScriptLoad.bind(this)}
  29.             />
  30.             <div>动态脚本引入状态:{this.state.scriptStatus}</div>
  31.             </>
  32.         );
  33.     }
  34. }

  35. export default DynamicScriptExample;
复制代码

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表