react.js - react native picker里的循环picker.item可以通过数组循环出来吗？怎么写法？

问题描述

问 题

传一个数组进去只有将 Picker.Item 循环出来, 下面的写法不显示选项
这是数组格式Array[{label: 'L1', value: 'V1'},....s]

Class GenraPicker extends Component {
constructor(props) {

super(props);

}

render(){
  return(
        <Picker>//省略属性
         {
           ()=>{
              for(let i=9;i<Array.length;i++){  //多种循环方式试过，应该不是循环方式的问题
                <Picker.Item label={Array[i].label value={Array[i].value}} />
              }
            }
        
         }
        </Picker>
       )
}

}

求解决方法。还是只能 一个个写 不能封装成通用的

解决方案

render(){
  return(
        <Picker>//省略属性
         {
           Array.map(item, ()=>  <Picker.Item label={item.label} value={item.value} />)
         }
        </Picker>
       )
}

这篇关于react.js - react native picker里的循环picker.item可以通过数组循环出来吗？怎么写法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！