我有来自服务器的数组，有名称和id，想在DropDownPicker中使用它得到错误未定义不是一个对象(计算'item.label.length')

[
  { id: 1, name: 'Option 1' },
  { id: 2, name: 'Option 2' },
  { id: 3, name: 'Option 3' },
  ...
]

if (array && array.length > 0) {
  // 数组不为空，可以使用
} else {
  // 数组为空，处理空数组的情况
}

import React, { useState } from 'react';
import { View } from 'react-native';
import DropDownPicker from 'react-native-dropdown-picker';

const MyComponent = () => {
  const [selectedItem, setSelectedItem] = useState(null);
  const [data, setData] = useState([]);

  // 从服务器获取数据并设置到data状态中

  return (
    <View>
      <DropDownPicker
        items={data}
        defaultValue={selectedItem}
        onChangeItem={(item) => setSelectedItem(item.value)}
      />
    </View>
  );
};

export default MyComponent;