如何在react-leaflet中以编程方式显示/隐藏一层？

import { MapContainer, TileLayer, LayerGroup } from 'react-leaflet';
import L from 'leaflet';

constructor(props) {
  super(props);
  this.state = {
    layerVisible: true
  };
}

render() {
  const { layerVisible } = this.state;

  return (
    <MapContainer center={[51.505, -0.09]} zoom={13} style={{ height: '100vh' }}>
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />

      {layerVisible && (
        <LayerGroup>
          {/* 添加你的图层内容 */}
        </LayerGroup>
      )}
    </MapContainer>
  );
}

this.setState({ layerVisible: false });

this.setState({ layerVisible: true });