将第三方脚本导入React

Question

我试图在React生态系统中使用第三方脚本（mapbox）。 在传统的javascript中，我在中导入脚本，然后将其初始化，如下所示：

<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);

我试图离开我的React应用程序的负责人，然后在componentDidMount（）中尝试初始化它，但它不知道“ L”是什么：

'L' is not defined    

因此，我需要以某种方式将脚本导入组件中，以便查看“ react-async-script”，但我不确定...

Answer 1

看起来mapbox具有一个npm软件包，因此您可以使用npm install --save mapbox ，然后通过导入将其用于您的react组件中

import * as L from 'mapbox';

// do stuff with L here