我是React和Leaflet的新手。我已经得到了传单工作只是罚款在一个简单的HTML页面。所以现在我试图通过使用React来创建一个更动态的网站。
我遇到的问题是我可以让它渲染sort-of。Map以块的形式出现在整个页面上。我在上面放了一个h1，在Mapdev下面放了一个简单的带有文本的div，你可以看到它随机地渲染了下面的文本。它也不是一个连续Map。
使用React v182.0，React Leaflet为4。2.1与传单1。9.3.
下面是我的app代码：

import React from 'react';
import './App.css';
import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';

function App() {
  return (
    <div>
      <h1>See my map</h1>
      <MapContainer center={[45.4, -75.7]} zoom={12}scrollWheelZoom={false}>
        <TileLayer
          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
          attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
        />
      </MapContainer>
      <div>After map report</div>
    </div>
  );
}

export default App;

我很想知道发生了什么事，我能做些什么来解决它。
谢谢！