antd之1.5米长三元表达式

最新推荐文章于 2022-10-18 21:38:10 发布
最新推荐文章于 2022-10-18 21:38:10 发布
阅读量304 收藏
点赞数
分类专栏： ReactJS 文章标签： antd
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33733970/article/details/80088988
版权 
{/*预留*/}
<TreeNode
    title={'Statistics'}
    key={'Channel_Statistics_' + item.Index + '_' + idx + '_Channel-Statistics'}>
    <TreeNode
        //根据idx===parseInt(this.state.channelStatistics.index)显示不同结果
        title={(((this.state.channelStatistics.val ? this.state.channelStatistics.val.ViewCount : undefined) === undefined)) ? (item.Statistics === undefined) ? 'ViewCount ： ' + 0 : 'ViewCount ： ' + item.Statistics.ViewCount : this.state.channelStatistics.val ? ((idx === parseInt(this.state.channelStatistics.index)) ? 'ViewCount ：' + this.state.channelStatistics.val.ViewCount : (item.Statistics === undefined) ? 'ViewCount ： ' + 0 : 'ViewCount ： ' + item.Statistics.ViewCount) : (item.Statistics === undefined) ? 'ViewCount ： ' + 0 : 'ViewCount ： ' + item.Statistics.ViewCount}
        key={'Channel_Statistics_ViewCount_' + item.Index + '_' + idx + '_Channel-Statistics'}
        disabled={true}/>
    <TreeNode
        title={(((this.state.channelStatistics.val ? this.state.channelStatistics.val.LikeCount : undefined) === undefined)) ? (item.Statistics === undefined) ? 'LikeCount ： ' + 0 : 'LikeCount ： ' + item.Statistics.LikeCount : this.state.channelStatistics.val ? ((idx === parseInt(this.state.channelStatistics.index)) ? 'LikeCount ：' + this.state.channelStatistics.val.LikeCount : (item.Statistics === undefined) ? 'LikeCount ： ' + 0 : 'LikeCount ： ' + item.Statistics.LikeCount) : (item.Statistics === undefined) ? 'LikeCount ： ' + 0 : 'LikeCount ： ' + item.Statistics.LikeCount}
        key={'Channel_Statistics_LikeCount_' + item.Index + '_' + idx + '_Channel-Statistics'}
        disabled={true}/>
    <TreeNode
        title={(((this.state.channelStatistics.val ? this.state.channelStatistics.val.DislikeCount : undefined) === undefined)) ? (item.Statistics === undefined) ? 'DislikeCount ： ' + 0 : 'DislikeCount ： ' + item.Statistics.DislikeCount : this.state.channelStatistics.val ? ((idx === parseInt(this.state.channelStatistics.index)) ? 'DislikeCount ：' + this.state.channelStatistics.val.DislikeCount : (item.Statistics === undefined) ? 'DislikeCount ： ' + 0 : 'DislikeCount ： ' + item.Statistics.DislikeCount) : (item.Statistics === undefined) ? 'DislikeCount ： ' + 0 : 'DislikeCount ： ' + item.Statistics.DislikeCount}
        key={'Channel_Statistics_DislikeCount_' + item.Index + '_' + idx + '_Channel-Statistics'}
        disabled={true}/>
    <TreeNode
        title={(((this.state.channelStatistics.val ? this.state.channelStatistics.val.CommentCount : undefined) === undefined)) ? (item.Statistics === undefined) ? 'CommentCount ： ' + 0 : 'CommentCount ： ' + item.Statistics.CommentCount : this.state.channelStatistics.val ? ((idx === parseInt(this.state.channelStatistics.index)) ? 'CommentCount ：' + this.state.channelStatistics.val.CommentCount : (item.Statistics === undefined) ? 'CommentCount ： ' + 0 : 'CommentCount ： ' + item.Statistics.CommentCount) : (item.Statistics === undefined) ? 'CommentCount ： ' + 0 : 'CommentCount ： ' + item.Statistics.CommentCount}
        key={'Channel_Statistics_CommentCount_' + item.Index + '_' + idx + '_Channel-Statistics'}
        disabled={true}/>
</TreeNode>
Quincy379
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React18入门到实战2023版
郭宝的博客
10-24 892
React 是由Meta公司研发，是一个用于构建Web和原生交互界面的库。jsx 是 Javascript和XML（HTML）的缩写，表示在JS代码中编写HTML模板结构，它是React中编写UI模板的方式。HTML的声明式模板写法JS的可编程能力概念：自定义Hook是以use打头的函数，通过自定义 Hook 函数可以用来实现逻辑的封装和复用。需求：实现点击toggle 显示/隐藏 this is div 这个组件/***/
ant design之protable的render自动处理null值转换‘-‘问题
Andrew_SJ的博客
08-26 1051
ant design库的高级组件库Pro Components中，Protable非常好用，但是最近在判断字段的时候发现对于非空值的判断出了问题。字段，当后端传来的数据为null时，经过逻辑。的判断，应该时将其渲染为一个短横杠字符。，因此三元表达式判断时其值实际已经变为。原因时Protable会在渲染时的。分析发现这里的判断逻辑中将为。，但是在实际的时候发现，当。，因此会将其渲染在列表中。字段识别为非空，且值为。解决办法：使用判断逻辑。的超链接，并且地址为。......
Antd之三元表达式判断代码备忘
Quincy.Coder的博客
04-25 1732
{ Object.keys(Version || Object).map(key =&gt; { return ( &lt;TreeNode title={key + ' : ' + this.state.gVersion &amp;&amp; key === 'Version' ? ...
写了几年的三元表达式，我怎么还踩坑了？
老骥复利
08-03 693
问题概述 跟往常一样，为了代码的优雅就不写太多的 if…else…，于是一顿噼里啪啦的操作，写了一个三元表达式来获取值，一运行竟然报错了。代码如下： public static void main(String[] args) { Integer a = null; boolean flag = false; Integer b = flag ? 1 : a; } 代码很简单，就是一个普通的三元表达式，按照之前的预期，当 flag 为 true 时，自动装箱 1 赋值给 b；当 f
三元运算符
Andy的博客
03-08 913
三元运算符express?express1:express2其中express可以为1.函数调用 2.dom操作  3.简单表达式（string，number，Boolean，object,array等）4.运算表达式。但express不能为流程控制。比如if switch 等...
antd Tablel列表中实现多个三元运算符之间的嵌套
u014409941的博客
02-05 653
{ title: ‘操作’, width: 60, key: ‘1’, render: record => // eslint-disable-next-line no-nested-ternary (record.taskStatus === ‘1’) ? ( <EditTwoTone className={styles.icons} onClick={() => editInfoModal(record)} /> <Popconfirm title=“删除呼叫任务” on
小严成长日记之三元运算符的二次套用
YY_Theshy的博客
12-04 453
我们都知道,三元运算符的用法还是比较少的,主要是针对于两个数值之间的比较!那么,如我我们抛开if条件判断语句,怎么用三元运算符比较三个数值之间的大小了?或者是四个数值之间的大小?或者更多?` 我们可以使用三元运算符嵌套: int max = (a > b) ? a : b; max = (max > c) ? max : c; 也可以使用使用嵌套格式: int max=((max=(a...
vue 里的 ant design表格数据的字段转换处理，如日期、布尔类型、三元表达式判断等
荣默默的博客
02-11 2494
最近在使用vue ant design 的时候，在处理接口返回的列表数据的时候老是出现各种问题，比如接口里返回的是时间戳，怎么在表格里展示成日期格式；还有接口返回的是bool类型，怎么展示成对应的文字描述等，话不多说，直接上代码。 const columnsList = [ [ { title: "名称", align: "center", width: "200px", dataIndex: "name", scopedSlots
antd图标库按需加载的插件实现
福禄网络研发团队的博客
07-06 641
前景概要 antd是阿里出品的一款基于antd的UI组件库，使用简单，功能丰富，被广泛应用在中台项目开发中，虽然也出现了彩蛋事故，但不能否认antd本身的优秀，而我们公司在实际工作中也大量使用antd进行开发，使用的版本主要集中在3.x这个大版本中，在实际使用过程中发现了一个比较明显的问题，那就是antd的图标输出打包体积过大，即便是使用了一个图标，也会将所有图标打包输出，没有按需加载(...
Vue button多选单选问题（点击选中可改变样式）
weixin_43912081的博客
08-01 1416
​ 做出如上效果 利用:class="item.ischeck == true ? 'btn_selected' : ''"三元表达式判断是否选中并改变样式 代码片段如下： <div class="intent_btn"> <van-button style="width: .90rem;" v-for="(item, index) in List" :key="index" :class="item.ischeck == true ? 'btn_selected' : ''"
vue antd1.5版本 下拉多选框placeholder不显示问题
qq_42795281的博客
10-18 533
vue antd 下拉多选框placeholder不能显示
关于antd-DatePicker组件通过三元运算符判断来切换日、月选择框内容错乱的问题
forHalo的博客
08-05 497
项目场景： 表单A下拉选择日或者月，表单B点击显示相对应的日期选择器 问题描述： 表单A选择日，表单B点击显示日期选择器，表单A重新选择月，表单B点击仍旧显示日期选择器（此时应该显示月份选择器），有问题的代码（使用三元运算符判断）如下： {queryType === 'D' ? <DatePicker allowClear={false} value={moment(dayValue)} style={{ width:
React中三元运算符的坑
SherrybabyOne的博客
04-21 4667
在React中state的定义中有一个坑不易被发现，主要是state属性未被定义就是使用，需要用到三位运算符： 举个栗子： class App extends Component{ this.state={ } componentDidMount(){ 请求后端接口拿到数据data,data是一个对象数组 } // 然后将data保存在当前状态之中 this.se...
jsx react 写三元表达式
姚辉乾
10-30 7892
&lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
三元表达式的坑
heerey525
04-12 1544
情况： 0?0:"" //结果为"" 在控制台输出看看 是的，没错在三元表达式中，如果该值为0，那么如果要想等于他本身的话，会变为空。 即： var a=0; a?a:"" //a为"" 原因是 三元表达式的含义：条件?真结果:假结果 （例子： a?true:false） 也就是条件将会转换为布尔值，为真（true）返回真结果，为假（false）返...
蚂蚁金服antd-Table-基本用法
tianxia1202的博客
01-27 4492
/** * Created by mapbar_front on 2018/1/27. */ import React,{ Component } from 'react'; import { Table,Icon,Divider } from 'antd'; const data = [{ key: 1, name: '天下', age: 18, hobb
骚气的三元表达式简写
qq_40095973的博客
06-05 4845
a==b ? 'c' : ''    简写 a==b &amp;&amp;  'c'可用于点击切换样式paramsVm.selectIndex == index?'active':''简写paramsVm.selectIndex == index &amp;&amp; 'active'
antd tree字太长
最新发布
10-11
你可以通过设置Tree组件的title属性来解决antd tree节点字体太长的问题。具体做法是在title中设置一个缩写，鼠标放在缩写上时会显示全称。例如： ```jsx <Tree> <TreeNode title="Ant Design" key="0-0"> <TreeNode title="Components" key="0-0-0"> <TreeNode title="Tree" key="0-0-0-0" /> <TreeNode title="Form" key="0-0-0-1" /> </TreeNode> </TreeNode> </Tree> ``` 将"Ant Design"改为"A.D."即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值