SAP UI5 web Component里的条件渲染机制
Posted JerryWangSAP
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了SAP UI5 web Component里的条件渲染机制相关的知识，希望对你有一定的参考价值。
我的SAP UI5 web Component同时定义了两个图表标签，即BarChart和LineChart:
运行时效果如下：
现在我想针对这两个图表控件做一个条件显示，即点击屏幕一次，显示A图表，再点击，显示B图表。
(1) 引入useState函数：
使用该useState生成一组控制器，返回的值通过toggerCharts和setToggerCharts保存。
前者是一个数组，值为默认显示的图表类型：lineChart，后者是一个函数。
在handleHeaderClick这个事件响应函数里，根据点击更改图表类型。
(2) 在card正文里，通过类似Java的三元表达式的语法来控制图表的显示：
最后效果如下：
要获取更多Jerry的原创文章，请关注公众号"汪子熙":
以上是关于SAP UI5 web Component里的条件渲染机制的主要内容，如果未能解决你的问题，请参考以下文章
SAP UI5 Web Component for React的图标和图片处理
如何实现SAP UI5 Web Component React控件的加载效果
如何使用SAP UI5 web Component的React框架的柱状图和折线图