在React-leaft 304 http中未加载地图

Question

当组件被调用时，映射部分加载，但随后我只是打开它加载的开发工具并开始接收200http，但如果它打开时显示开发工具，同样的情况发生并接收代码304http，并且它被移除它再次正常加载的开发工具。我正在使用ionic和react。

<MapContainer
  center={[middleOfVisit.lat, middleOfVisit.lng]}
  zoom={15}
  style={{ width: '100%', height: '85vh' }}
>
  <TileLayer
    url={`https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/256/{z}/{x}/{y}@2x?access_token=${process.env.REACT_APP_MAPBOX_TOKEN}`}
  />

Answer 1

使用这个使大小无效的函数，我为我的tileLayer创建了一个组件，并在其中放置了标记

function ComponentResize() {
    const map = useMap()
    map.invalidateSize()
    return null
  }