文章參考

1. react-load-script

問題描述

想利用騰訊地圖的定位功能，發現這個功能需要引入單獨的JS，但是這個JS檔案是依賴地圖主要的JS的，而我是使用的import ReactQMap from 'react-qmap';這個控制元件來載入騰訊地圖的，因此沒有直接在index.html檔案中引入檔案，就需要在地圖載入完成之後再引入’定位JS庫’。

程式碼詳解

const scriptObj = <Script
    url="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"
 

    onCreate={this.handleScriptCreate.bind(this)}
    onError={this.handleScriptError.bind(this)}
    onLoad={this.handleScriptLoad.bind(this)}
/>

實際上 scriptObj 的render的值是null,因此可以把這個程式碼放到 render函式的任何地方，實際script標籤是新增在document.body.appendChild(script);後面的