React Native - 从 native-base 在 Select 组件中渲染一个列表

Question

我使用了来自 native-base 的 select 组件：

import { Select } from 'native-base';

虚假数据：

const OgrenciData = [
{key: '3', name: 'Emre', jobTitle: 'Pc', email: 'Emre.Sanli'},
{key: '5', name: 'Harun', jobTitle: 'Pc', email: 'Emre.Sanli'},
];

我的Select组件是这样的：

<Select
          selectedValue={baskanOgrenci}
          minWidth="200"
          accessibilityLabel="Giriş Türü"
          placeholder="Giriş Türü"
          mt={1}
          onValueChange={itemValue => setBaskanOgrenci(itemValue)}>              
</Select>

我试过从 FlatList 组件复制，但没有成功:(

如果可能的话，我希望我的代码是这样的：

 {({OgrenciData}) => {
            return (
              <Select.Item
                label={OgrenciData.key}
                value={OgrenciData.key}
              />
            );
          }}

Answer 1

我认为您缺少这样的地图功能：

{OgrenciData.map(x => {
            return (
              <Select.Item
                label={x.key}
                value={x.key}
              />
            );
          })}

React Native - 从 native-base 在 Select 组件中渲染一个列表

React Native - Render A List in Select Component from native-base

react-native

native-base