react使用if判断

ops/2025/2/12 8:43:19/

1、第一种

  function Dade(req:any){console.log(req)if(req.data.id == 1){return <span>66666</span>}return <span style={{color:"red"}}>8888</span>}

2、使用

{win.map((req,index) => (
<>	<Dade data={req}/>{req.id == 1 ? <Tag color="processing" className="site-tag-plus">{req.name}</Tag>: <Tag closable className="site-tag-plus">{req.name}</Tag>}</>
))}

在这里插入图片描述


http://www.ppmy.cn/ops/157735.html

相关文章

Word 编辑密码解密教程

如果你遇到 word 不能打开编辑或忘记密码的情况&#xff0c;别担心&#xff0c;这里有最简单的办法。具体步骤如下&#xff1a;在手机或电脑浏览器上输入 文件密码.top 进入密码找回网站&#xff0c;然后点击“立即开始”&#xff0c;上传文件&#xff0c;无需下载软件&#xf…

开启对话式智能分析新纪元——Wyn商业智能 BI 携手Deepseek 驱动数据分析变革

2月18号&#xff0c;Wyn 商业智能 V8.0Update1 版本将重磅推出对话式智能分析&#xff0c;集成Deepseek R1大模型&#xff0c;通过AI技术的深度融合&#xff0c;致力于打造"会思考的BI系统"&#xff0c;让数据价值触手可及&#xff0c;助力企业实现从数据洞察到决策执…

计算机毕业设计——Springboot点餐平台网站

&#x1f389;**欢迎来到琛哥的技术世界&#xff01;**&#x1f389; &#x1f4d8; 博主小档案&#xff1a; 琛哥&#xff0c;一名来自世界500强的资深程序猿&#xff0c;毕业于国内知名985高校。 &#x1f527; 技术专长&#xff1a; 琛哥在深度学习任务中展现出卓越的能力&a…

TCP传输层协议

TCP 全称为 "传输控制协议(Transmission Control Protocol"). 人如其名, 要对数据的传 输进行一个详细的控制。 对于TCP的学习主要就是要知道TCP协议报头之中各个字段的作用 除了数据之外总共报头加起来是20个字节 16位源端口号与目的端口号 这是最容易理解的两…

【DeepSeek × Postman】请求回复

新建一个集合 在 Postman 中创建一个测试集合 DeepSeek API Test&#xff0c;并创建一个关联的测试环境 DeepSeek API Env&#xff0c;同时定义两个变量 base_url 和 api_key 的步骤如下&#xff1a; 1. 创建测试集合 DeepSeek API Test 打开 Postman。点击左侧导航栏中的 Co…

面试准备-排序部分:快速排序、堆排序

快速排序 快速排序是一种基于**分治思想&#xff08;Divide and Conquer&#xff09;**的排序算法。其核心思想是&#xff1a; 选择一个基准元素&#xff08;pivot&#xff09;&#xff0c;通常是数组中的某个元素&#xff08;如最左/最右元素、中间元素或随机选择&#xff0…

《五福临门》后期鉴赏(三)

许是年后忙了&#xff0c;经常没时间看&#xff0c;一开始未曾发觉 后期剧情有点偏离主题了&#xff0c;于常规似乎不合 从婚恋轻喜剧&#xff0c;后面直接变成了断案剧&#xff08;虽然一开始的剧情也不算婚恋轻喜剧&#xff0c;更多的是斗智斗勇&#xff09; 但是&#xff…

python基础入门:7.3并发编程初探

Python并发编程全面解析&#xff1a;解锁程序性能的新维度 # 并发执行模板 import concurrent.futures import timedef task(n):"""模拟耗时任务"""print(f"开始执行任务 {n}")time.sleep(2 if n % 2 0 else 1)return f"任务 {…