reactjs - 'LeafletProvider' 不是从'react-leaflet' 导出的

Question

我有这个错误，

Attempted import error: 'LeafletProvider' is not exported from 'react-leaflet'.

当我尝试将 LeafletProvider 导入我的组件文件之一时，如下所示：

import { withLeaflet, MapControl, LeafletProvider } from "react-leaflet";

我相信我已经安装了最新版本的 react-leaflet (v.3.2.2) 并尽可能多地阅读了文档，但我没有在其中看到 LeafletProvider。

希望有人能帮我弄清楚该怎么做。基本上，我只是希望能够在两个或多个传单地图切片图层之间进行更改。

score 1 · Accepted Answer

似乎必须这样导入提供者：

import { LeafletContext } from '@react-leaflet/core';

并用作：

<LeafletContext.Provider>

根据文档的此页面：

score 0 · Accepted Answer

按照@Ivo 回答中的文档，这就是我所做的：

第一次安装：

npm install @react-leaflet/core

然后像这样导入它：

import { LeafletContext } from "@react-leaflet/core"

然后用作：

<LeafletContext.Provider>
    // enter code here
</LeafletContext.Provider>

2 回答 2