微信小程序开发工具出现 [渲染层错误] TypeError: Cannot read property 'lat' of undefined

jetsung

微信小程序开发工具出现 [渲染层错误] TypeError: Cannot read property 'lat' of undefined 的解决办法

使用 Taro 开发小程序，出现这个问题，但并不是 Taro 的原因。在网上找了很久均没有解决方法，最后把代码恢复之前的，对比才找出了问题的原因。

错误原因：
因为 Map 组件也异步加载进来的组件同时在同一层，导致出现此问题。

      <Map />
      {this.state.selectMarker ? (
          <View className="boxShop">
            <ShopView />
          </View>
        ) : (
            <BottomView />
        )}

解决方法：
只需要在外层添加一个 View 组件来包装即可。

      <Map />
      {this.state.selectMarker ? (
          <View className="boxShop">
            <ShopView />
          </View>
        ) : (
          <View className="boxBottom">
            <BottomView />
          </View>
        )}