小编Hon*_*ota的帖子

TS2531 | React useRef - 对象可能未定义

我需要在 React
Const mapRef 返回错误中为我的谷歌地图设置新的纬度和经度:对象可能为“空”。TS2531
当我使用 let 而不是 React.useRef 时它可以工作。
我认为应该将类型设置为mapRef,但我不知道是哪一个以及在哪里可以找到它。
但我认为 useRef 是更好的解决方案,不是吗?

谷歌地图库:https://www.npmjs.com/package/@react-google-maps/api

const libraries = ["places"];

const CustomMap = () => {
  const { isLoaded, loadError } = useLoadScript({
    googleMapsApiKey: "MY_API_KEY",
    libraries,
  });

  const options = {
    disableDefaultUI: true,
    zoomControl: true,
  };

  const mapRef = React.useRef();
  const onMapLoad = React.useCallback((map) => {
    mapRef.current = map;
  }, []);

  const panTo = React.useCallback(({ lat, lng }) => {
    if (null !== mapRef.current) {
      // There is error …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-google-maps

2
推荐指数
1
解决办法
6315
查看次数

标签 统计

react-google-maps ×1

reactjs ×1

typescript ×1