我的SAP UI5 web Component同時定義了兩個圖表標簽，即BarChart和LineChart:

運行時效果如下：

現在我想針對這兩個圖表控件做一個條件顯示，即點擊屏幕一次，顯示A圖表，再點擊，顯示B圖表。

(1) 引入useState函數：

使用該useState生成一組控制器，返回的值通過toggerCharts和setToggerCharts保存。

前者是一個數組，值為默認顯示的圖表類型：lineChart，后者是一個函數。

在handleHeaderClick這個事件響應函數里，根據點擊更改圖表類型。

(2) 在card正文里，通過類似Java的三元表達式的語法來控制圖表的顯示：

最后效果如下：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的SAP UI5 web Component里的条件渲染机制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。