這篇文章主要講解了“Component里的條件渲染機制怎么使用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Component里的條件渲染機制怎么使用”吧！

成都創(chuàng)新互聯(lián)于2013年成立，先為曲周等服務(wù)建站，曲周等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為曲周企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

SAP UI5 web Component同時定義了兩個圖表標(biāo)簽，即BarChart和LineChart:

運行時效果如下：

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

(1) 引入useState函數(shù)：

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

前者是一個數(shù)組，值為默認(rèn)顯示的圖表類型：lineChart，后者是一個函數(shù)。

在handleHeaderClick這個事件響應(yīng)函數(shù)里，根據(jù)點擊更改圖表類型。

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

最后效果如下：

感謝各位的閱讀，以上就是“Component里的條件渲染機制怎么使用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Component里的條件渲染機制怎么使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

標(biāo)題名稱：Component里的條件渲染機制怎么使用-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/hjeei.html