Javascript 反应传单基本教程地图无法正确显示地图

我跟随react传单安装并获得了。它们为我提供了一个代码片段，用于查看基本示例。然而，这是我得到的。不知道我把哪些步骤弄糟了。

在index.html中插入以下链接后，它就变成了空白，宽度和高度都是我指定给包装器div的

    <link
      rel="stylesheet"
      href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
      integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
      crossorigin=""
    />

---

您需要明确地为

贴图容器指定高度

 <MapContainer
       center={[51.505, -0.09]}
       zoom={13}
       scrollWheelZoom={false}
       style={{height: '100vh'}}> //here assign the height
>
...

//此处指定高度
>
...

而不是要按预期显示的
MapContainer
的包装
您需要明确地为
MapContainer
指定高度

 <MapContainer
       center={[51.505, -0.09]}
       zoom={13}
       scrollWheelZoom={false}
       style={{height: '100vh'}}> //here assign the height
>
...

//此处指定高度
>
...

而不是要按预期显示的
MapContainer
的包装
这应该添加到此处的官方文档中这应该添加到此处的官方文档中
 <MapContainer
       center={[51.505, -0.09]}
       zoom={13}
       scrollWheelZoom={false}
       style={{height: '100vh'}}> //here assign the height
>
...