三目运算怎么嵌套使用以及在antd Tag组件中的使用
Posted tu-0718
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了三目运算怎么嵌套使用以及在antd Tag组件中的使用相关的知识,希望对你有一定的参考价值。
基本使用
条件 ?结果1 :结果2
例:true ? 1 :2
如果条件为true,结果为1,否则结果为2,相当于 if else
嵌套使用
三元运算嵌套只能是用在第二个结果中进行嵌套
条件1 ?结果1 :条件2 ?结果2 :结果3
例:true ? 1 : false ? 2 : 3
如果条件为true,则结果为1,如果条件为false,则结果为2,否则为3
antd Tag组件使用三目运算嵌套
效果
![技术图片](https://app.yinxiang.com/shard/s72/res/165e4958-5466-437c-8de4-b5f37ca326d1/L%5BEHH57Z%28%7B3%29MD%7BJQUUCYW.png)
代码
![技术图片](https://app.yinxiang.com/shard/s72/res/610eddac-941d-4c30-91f3-afcb18107d97/SR_G2Y8%24L%28T~D23ZQWAEMYH.png)
接口返回的数据
以上是关于三目运算怎么嵌套使用以及在antd Tag组件中的使用的主要内容,如果未能解决你的问题,请参考以下文章