react，函数组件内百度地图的getZoom方法报未定义的错？

在使用的react版本如下：

已写的部分代码：

// 此处let map是为了解决浏览器报map未定义的错而写的，写了之后就没有再报map未定义的错了
let map
function Mymap() {
const getTypeAndZoom = () => {
    const zoom = map.getZoom()
    let nextZoom, type
    if (zoom >= 10 && zoom < 12) {
      nextZoom = 13
      type = 'circle'
    } else if (zoom >= 12 && zoom < 14) {
      nextZoom = 15
      type = 'circle'
    } else if (zoom >= 14 && zoom < 16) {
      type = 'rect'
    }
    return {
      nextZoom,
      type
    }
  }

chrome浏览器报错：

请问代码出了什么问题？正确的代码是什么？恳请展示代码举例说明。

这么明显的错

这里牛的呀

你map报未定义是你因为你没有引入，所以报未定义，你自己声明一个map算什么回事，不是名字一样就是一回事，你声明了一个map，下面代码里的map用的都是你声明的这个map，这个map里有啥，它是假的它啥也没有，不就报错了