如何获取UI组件的显示或隐藏状态

@Component 
struct componentA { 
  aboutToAppear(): void { 
    // 感知组件显隐 
    console.log('A组件显示'); 
  } 
 
  aboutToDisappear(): void { 
    // 感知组件显隐 
    console.log('A组件隐藏'); 
  } 
 
  build() { 
    Column() { 
      Text('组件A').fontSize(16).fontColor(Color.Black); 
    } 
    .width(100) 
    .height(50) 
  } 
} 
 
@Entry 
@Component 
struct componentB { 
  @State @Watch('onCompAShowStatusChange') isShowA: boolean = false; 
  onCompAShowStatusChange() { 
    // 感知组件显隐 
    console.log('监听A组件：' + `${this.isShowA ? '显示' : '隐藏'}`); 
  } 
 
  build() { 
    Column() { 
      Button('切换显隐').type(ButtonType.Normal).width(100).height(50).onClick(() => { 
        this.isShowA = !this.isShowA; 
      }) 
      if (this.isShowA) { 
        componentA(); 
      } 
    } 
  } 
}