将第三方脚本导入React

问题描述：

我试图在React生态系统中使用第三方脚本（mapbox）。在传统的JavaScript我导入的脚本在当时的初始化它像这样：将第三方脚本导入React

<script src='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js'></script> 

L.mapbox.accessToken = 'pk.xxxtoken'; 
var map = L.mapbox.map('map', 'mapbox.streets').setView([40, -74.50], 9);

我想离开我的应用程序做出反应的头，然后在componentDidMount（）我尝试初始化它，但它不知道什么是“L “是：

'L' is not defined

所以我需要在脚本导入到以某种方式组成，所以我不得不来看看‘反应 - 异步脚本’，但我不确定......

你使用'gulp'或'webpack'或？ – Nicholas

是的webpack，我可以把它导入脚本吗？但是，这只会将脚本应用于窗口，我可以将它分配给特定的var？ – CerIs

是的，你可以通过webpack加载一个脚本，只要Aron在下面说过，你可以通过导入将它分配给一个var – Nicholas

答

它看起来像mapbox有一个npm包，所以你可以安装它与npm install --save mapbox，然后在你的使用它通过导入它来反应组件

import * as L from 'mapbox'; 

// do stuff with L here

将第三方脚本导入React

相关推荐