在React本机中添加RNPickerSelect下拉列表中的项

Question

我正在从api中获取对象数组。

数据看起来是这样的。

Array [
  Object {
    "code": 230,
    "name": "טרגט",
    "themeColor": "#009fe8",
  },
  Object {
    "code": 270,
    "name": "קוסל",
    "themeColor": "#9c3ab4",
  },
  Object {
    "code": 465,
    "name": "מעיין",
    "themeColor": "#0bb694",
  },
  Object {
    "code": 485,
    "name": "מעיין תיכונים",
    "themeColor": "#009fe8",
  },
  Object {
    "code": 700,
    "name": "משרד החינוך",
    "themeColor": "#9c3ab4",
  },
  Object {
    "code": 701,
    "name": "מ.החינוך אולפני",
    "themeColor": "#0bb694",
  },
  Object {
    "code": 702,
    "name": "חינוך התישבותי",
    "themeColor": "#009fe8",
  },
  Object {
    "code": 984,
    "name": "לא לגעת -חברת הדגמה ",
    "themeColor": "#9c3ab4",
  },
]

我想从api中添加一个下拉列表，其中包含作为对象数组的项( "name"值)。

我使用的是来自RNPickerSelect的"react-native-picker-select"；

const [selectedComp, setSelectedComp] = useState("");
  const changeLanguage = (value) => {
    setSelectedComp(value);
  };
<RNPickerSelect
            placeholder={{ label: i18n.t("SET_LANGUAGE") }}
            style={pickerSelectStyles}
            onValueChange={(value) => changeLanguage(value)}
            items={companyName}
            doneText={"בוצע"}
            value={selectedComp}
            useNativeAndroidPickerStyle={false}
            fixAndroidTouchableBug={true}
          />

我希望下拉列表的名称来自对象列表数组，如下所示。

 טרגט
  קוסל
  מעיין
  מעיין תיכונים
  משרד החינוך
  מ.החינוך אולפני
  חינוך התישבותי
  לא לגעת -חברת הדגמה 

如何从下拉列表的数组列表中添加名称？

Answer 1

根据官方的反应-本机选择-选择文档，您想要在下拉列表中显示的数据应该有关键字标签，但是您正在尝试显示name关键字。

组件要呈现的项。

• 每一项应采用下列格式：{标签：‘橙色’，值：‘橙色’，键：‘橙色’，颜色：‘橙色’，inputLabel：‘橙色’}
• 标签和价值是必需的

就像这样：

<RNPickerSelect
      onValueChange={(value) => console.log(value)}
      useNativeAndroidPickerStyle={false}
      placeholder={{ label: "Select your favourite language", value: null }}
      items={[
          { label: "JavaScript", value: "JavaScript" },
          { label: "TypeStript", value: "TypeStript" },
          { label: "Python", value: "Python" },
          { label: "Java", value: "Java" },
          { label: "C++", value: "C++" },
          { label: "C", value: "C" },
      ]}
  />