如何在由React useEffect钩子触发的效果之后重新定位Openlayer6贴图

import React, { useState, useEffect } from 'react';
import Map from 'ol/Map';
import View from 'ol/View';

const MapComponent = () => {
  const [map, setMap] = useState(null);

  useEffect(() => {
    // 初始化地图
    const initialMap = new Map({
      target: 'map-container',
      view: new View({
        center: [0, 0],
        zoom: 2,
      }),
    });

    setMap(initialMap);

    // 组件卸载时销毁地图对象
    return () => {
      if (map) {
        map.setTarget(null);
        map.dispose();
      }
    };
  }, []); // 空依赖数组确保只在组件挂载时初始化地图

  useEffect(() => {
    if (map) {
      // 在这里进行Openlayers贴图的重新定位
      // 可以使用map对象的方法和属性来实现，如map.getView().setCenter()等

      // 示例：将地图中心点定位到经纬度(10, 20)
      map.getView().setCenter([10, 20]);
    }
  }, [map]); // 当map对象发生变化时触发此效果

  return <div id="map-container" style={{ width: '100%', height: '400px' }} />;
};

export default MapComponent;