鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 我希望在react的js文件里面引用一個(gè)外部的js文件，請問我應(yīng)該怎么寫？

我希望在react的js文件里面引用一個(gè)外部的js文件，請問我應(yīng)該怎么寫？

我想引用這個(gè)js文件

<script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>

import React from 'react';
import ReactDOM from 'react-dom'
import { createStore } from 'redux'
import './styles/index.less'
import Content from './images/content.png';

class Basic extends React.Component {

    constructor() {
        super();
        this.state = {
            isShowAll: false
        }
    }

    render() {
        return (
            <div className={'content_div'}>
                <div className={'content_img'}>
                    <div className={'content_word'}>
                        <div className={'content_join'}>加入我們</div>
                        <div className={'content_join_word'}>關(guān)于我們關(guān)于我們關(guān)于我們關(guān)于我們關(guān)于我們關(guān)于我們關(guān) 關(guān)于我們關(guān)于我們關(guān)于</div>
                    </div>
                </div>

            </div>
        )
    }
}

export default Basic;
回答
編輯回答
編輯回答
柒喵

react-amap 中的處理是這樣的，你可以參考一下：

// 使用
new APILoader({
    key: props.amapkey,
    useAMapUI: props.useAMapUI,
    version: props.version,
    protocol: props.protocol
}).load().then(() => {

})

APILoader.js 的代碼 https://github.com/ElemeFE/react-amap/blob/next/components/utils/APILoader.js

2018年9月12日 00:58
編輯回答
墨小白

在index.html里引用，就是引用打包好的react文件的html

2018年6月22日 13:26
編輯回答
幼梔

就是在index.html里面就行了，不信你引入一個(gè)jQ測試一下，然后打印$應(yīng)該就能打印出東西

2017年10月19日 21:15
編輯回答
瞄小懶

提供一個(gè)思路，在組件加載前，在DOM中添加一個(gè)script標(biāo)簽來引入。

  const s = document.createElement('script');
  s.type = 'text/javascript';
  s.src = 'http://baidu.com/asasasasasa/.....';
  document.body.appendChild(s);
2017年6月20日 08:56