我希望在react的js文件里面引用一个外部的js文件，请问我应该怎么写？

Question

我想引用这个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'}>关于我们关于我们关于我们关于我们关于我们关于我们关 关于我们关于我们关于</div>
                    </div>
                </div>

            </div>
        )
    }
}

export default Basic;

Answer 1

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

Answer 2

提供一个思路，在组件加载前，在DOM中添加一个script标签来引入。

  const s = document.createElement('script');
  s.type = 'text/javascript';
  s.src = 'http://baidu.com/asasasasasa/.....';
  document.body.appendChild(s);

Answer 3

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

Answer 4

https://www.npmjs.com/package...

Answer 5

就是在index.html里面就行了，不信你引入一个jQ测试一下，然后打印$应该就能打印出东西