构建数组对象

使用JS的基本语法，构建一个对象列表
代码如下：

  1. const list = [
  2.     {id:1,name:'张三'},
  3.     {id:2,name:'李四'},
  4.     {id:3,name:'王五'},
  5.     {id:4,name:'赵六'}
  6. ]

在JSX中循环列表

有了消息称列表数组后，我们就可以在JSX中进行循环了，循环也是非常简单的，只要使用ES6的map循环就可以了。代码如下：

  1. { list.map((item,index)=>{
  2.     return (
  3.         <View>{item.name}</View>
  4.     )
  5. }) }

如何在JSX中使用逻辑判断

不能在JS代码中判断，要在JSX中进行判断。
错误示范:

  1.  <view>
  2.     {
  3.         if(zhujueNum===1){
  4.             return ('玉田')
  5.         }else{
  6.             return('刘能')
  7.         }
  8.     }
  9. </view>

如果碰到这样的情况，我们可以使用三元运算符，代码如下：

  1. <view>
  2.     男主角是：{zhujueNum==1?'玉田':'刘能'}
  3. </view>

当然你也可以使用这种形式，利用短路符来判断,代码如下：

  1.  <view>
  2.     男主角是：{zhujueNum==1 && '玉田' || '刘能'}
  3. </view>