本文共 341 字，大约阅读时间需要 1 分钟。

我的SAP UI5 web Component同时定义了两个图表标签，即BarChart和LineChart:

运行时效果如下：

现在我想针对这两个图表控件做一个条件显示，即点击屏幕一次，显示A图表，再点击，显示B图表。

(1) 引入useState函数：

使用该useState生成一组控制器，返回的值通过toggerCharts和setToggerCharts保存。

前者是一个数组，值为默认显示的图表类型：lineChart，后者是一个函数。

在handleHeaderClick这个事件响应函数里，根据点击更改图表类型。

(2) 在card正文里，通过类似Java的三元表达式的语法来控制图表的显示：

最后效果如下：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

转载地址：https://jerry.blog.csdn.net/article/details/104234605 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！