taro里的三元运算判断与map循环

这是在写订单页面时遇到的坑。（if不能用）
当时需要判断订单状态，所以用了三元运算
当时我把map的return给包住了，这样会报出找不到item的错误

//{this.state.list.map((item, i) => {{item.state==0?<View>return(<View><View className='flex-wrp view-order-column' style='flex-direction:column;' for={i} key={i}><View className='at-row margin-top10 order-form-number'><View>订单编号:</View><View>{item.code}</View></View><AtAccordionopen={this.state.open[i]}onClick={this.handleClick.bind(this,i)}title='具体课程'>{item.purchased.map((items,i) => {return (              <View >               <AtList hasBorder={false} for={i} key={i}><AtListItemtitle={items.product_name}extraText={items.shop_name}/></AtList></View>)})}</AtAccordion> <View className='at-col'><AtTag type='primary'className='rigthpanyi tag-color-FuKuan'>待付款</AtTag></View>              <View className='fone-one1 margin-top10 at-row'><View>实付金额：</View><View>{item.total}</View></View><View className='fone-one1 margin-top10 at-row'><View>时间：</View><View>{item.created_at}</View></View><AtDivider height="40" /></View></View>)</View>:null}})}

正确用法↓

 return(<View><View className='flex-wrp view-order-column' style='flex-direction:column;' for={i} key={i}>{item.state==0?<View><View className='at-row margin-top10 order-form-number'><View>订单编号:</View><View>{item.code}</View></View><AtAccordionopen={this.state.open[i]}onClick={this.handleClick.bind(this,i)}title='具体课程'>{item.purchased.map((items,i) => {return (              <View >               <AtList hasBorder={false} for={i} key={i}><AtListItemtitle={items.product_name}extraText={items.shop_name}/></AtList></View>)})}</AtAccordion> <View className='at-col'><AtTag type='primary'className='rigthpanyi tag-color-FuKuan'>待付款</AtTag></View>              <View className='fone-one1 margin-top10 at-row'><View>实付金额：</View><View>{item.total}</View></View><View className='fone-one1 margin-top10 at-row'><View>时间：</View><View>{item.created_at}</View></View><AtDivider height="40" /></View>:null}</View></View>)})}

taro里的三元运算判断与map循环相关推荐

php 三元运算判断,PHP 条件判断语句和三元运算符
$n1=1000; $n2=1000; $n3=100; $n4=100; // if 语句 - 如果指定条件为真,则执行代码 // if...else 语句 - 如果条件为 true,则执行代码:如 ...
PHP使用三元运算判断变量
// (expr1)?(expr2):(expr3); $a=1; $b=2; $c= $a==5 ? $a1=4 : $d=d;//如果$a条件成立就返回$a1否则就返回$d echo $c;//输 ...
vue 绑定多个class 顺便带上三元运算判断
:class="[computedView(item.n)?'numberParty':'numberCircle',{'select-active':items.istrue}]" ...
java中数字作为布尔值_day50 java Script 数字和字符串布尔值和数组运算符条件判断和三元运算...
上节回顾: day501.前情回顾 CSS属性: float浮动的规则1. 浮动规则: 浮动只控制自己如果前面的标签也是浮动的,就挨着放如果前面的标签不浮动,则下方摆放如果把块级标签设置成浮动, ...
php 三元运算简写,es6 三元运算(三元类目)符语法与简写,多条件判断与??::形式 - Laravel学习网...
三元运算符就是替代传统if-else语句让更简洁. 一.三元运算标准写法我们传统的写法为: const x = 20; let answer; if (x > 10) { answer = ' ...
深浅拷贝、函数、内置函数、文件处理、三元运算、递归
深浅拷贝 import copy copy.copy() #浅拷贝 copy.deepcopy() #深拷贝 num = 110 copynum = num #赋值一.数字和字符串对于数字和 ...
Python基础（三）深浅拷贝、函数、文件处理、三元运算、递归、冒泡排序
本章内容: 深浅拷贝函数(全局与局部变量) 内置函数文件处理三元运算 lambda 表达式递归(斐波那契数列) 冒泡排序深浅拷贝一.数字和字符串对于数字和字符串而言,赋值.浅拷贝 ...
01 Python学习--第一周--开课介绍、数据类型、数据运算、表达式、循环、三元运算、对象基本概念...
模块一主要内容开课介绍 python发展介绍第一个python程序变量字符编码与二进制字符编码的区别与介绍用户交互程序 if else流程判断 while 循环 while 循环优化版本 ...
第三章、三元运算、文件处理、函数
第三章.三元运算.文件处理.函数三元运算三元运算又称三目运算,是对简单的条件语句的简写,如: 简单条件语句: if 条件成立:val = 1 else:val = 2 # 可以写成如下: val ...

taro里的三元运算判断与map循环

taro里的三元运算判断与map循环相关推荐

最新文章

热门文章