Layer: visible property cannot be used dynamically

[xiaoshao007]

Link

https://deck.gl/docs/api-reference/core/layer#visible

Description

My requirement is to display the GeoJson polygon layer within the specified zoom range. After setting the variable property for visible and modifying the variable, the layer will not switch between display and hide in real time

[augusto3691]

use the layerFilter prop:

layerFilter={(ctx) => {
          const { layer } = ctx;
          if (layer.id === 'HexagonLayer' && ctx.viewport.zoom >= 8) {
            return false;
          }
          return true;
        }}

[missx-oai]

After setting the variable property for visible and modifying the variable

Modifying a variable after it is used does not change the previous result. This is not how JavaScript works.

See https://deck.gl/docs/developer-guide/using-layers#updating-layers if you want to change a layer's prop.