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

小刘
  • 526

我想引用这个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;

回复
阅读 14.1k
5 个回答

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏