将第三方脚本导入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 app的头部留在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