map的clone会导致重复render

[starInEcust]

下面map这个代码

  {AMap &&
          map &&
          childs.map((child, key) => {
            if (!isValidElement(child)) return null;
            if (typeof child === 'string') {
              return cloneElement(<Fragment>{child}</Fragment>, { key });
            }
            if (child.type && typeof child.type === 'string') {
              return cloneElement(child, { key });
            }
            return cloneElement(child, {
              ...child.props,
              AMap,
              map,
              container,
              key,
            });
          })}

会导致子组件useMemo失效. 只要有state变化就会重复渲染，性能大大的坏。
比如下面代码, 任意的state变化，都会导致Circle的重新渲染，非常的神奇。
我就是在切换数据源的时候发现Circle会多次渲染，还没有销毁，然后发现了Circle销毁逻辑有问题

const circle = useMemo(() => <Circle />, []);
return 
<Map><Circle /> <Map>

[jaywcjlove]

react-amap/packages/map/README.md

Line 8 in 7703138

Map 组件是其他组件的基础，Map 组件会给所有的子组件注入三个属性 **`map`**，**`container`** 和 **`AMap`**，

@starInEcust 这个是兼容最老的方式，向子组件传递 map，container 和 AMap 的方法，不过现在可以移除它，因为后面更新了一版本，map 对象通过 context 传递到子组件，并且可以跨组件传递

react-amap/packages/circle/src/useCircle.tsx

Line 9 in 7703138

const { map } = useMapContext();

[jaywcjlove]

@starInEcust 我们可以升级个大版本 v6 把这个移除掉

[jaywcjlove]

移除了 v2.5.0+ -> v5 支持的通过 props 传递 map，container 和 AMap 对象的功能 @starInEcust

在 v6 版本移除的了多个过时的 API

[starInEcust]

哇~好猛啊，一夜醒来变成6了

[jaywcjlove]

@starInEcust 大的版本更新，算是破坏性更新，中间迭代了几十个版本，现在移除老的 API 不算过分，如果不是特别老的项目升级，都不需要该代码