javascript - 有没有办法插入进入 与阵列？

Question

我为 Picker 编写的代码如下，但我无法用数组覆盖和执行 Picker 项。
我怎样才能做到这一点？

import React, {useState} from 'react';
import {View,Picker} from 'react-native';

export default class TA extends React.Component {
    render(){
        return (
            <View style={{flex: 1,alignItems: 'center'}}>
                <Picker style={{width: 150,height: 60}} selectedValue="1">
                <Picker.Item label="1" value="1" />
                <Picker.Item label="2" value="2" />
                <Picker.Item label="3" value="3" />
                <Picker.Item label="4" value="4" />
                <Picker.Item label="5" value="5" />
                <Picker.Item label="6" value="6" />

                //from here onwards

                {()=>{
                   let p = [];
                   for(let i = 7 ; i < 12 ; i++){
                      p.push(<Picker.Item label={i} value={i} />)
                   }
                   return p;
                }}

                </Picker>
            </View>
        );
    }
}

标签： javascriptreact-native

Answer 1

在渲染方法中，您可以创建如下变量：

 let pickerItems =
  
  pickerArray.map((value, index) => {
    return (
      <Picker.Item
        label={value}
        value={value}
      />
    );
  });

并在您的选择器中使用此变量，如下所示：

 <Picker>
   {pickerItems}
 </Picker>