地图未加载到 React-left 304 http

Question

地图在调用组件时部分加载，但随后我只是打开它加载的开发工具并开始接收 200 http，但如果它打开时出现开发工具，则会发生同样的情况并收到代码 304 http，并且它被删除了它再次正常加载的开发工具。我正在使用 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
  }