我如何将对象绑定到SelectItem组件？

Question

有人可以帮我吗？我正在使用UI-Kitten的select和selectiem组件，我需要知道如何将对象绑定到SelectedItem组件？

我想传递一些值作为绑定对象：

data={
 (['OPT1', 'Option 1'],
  ['OPT2', 'Option 2'],
  ['OPT3', 'Option 3'],
  ['OPT4', 'Option 4'],
  ['OPT5', 'Option 5'])
}

然后，我想用以下方式呈现每个选择的选项：

const renderOption = (title: string, key: string) => (
     <SelectItem title={title} key={key} />
  );

此选项可以用地图功能填充：

<Select
  style={styles.inputSetting}
  textAlign="right"
  size="small"
  placeholder={placeholder}
  value={value}>
  {data && data.map(renderOption)}
</Select>

这将不起作用，因为地图函数需要（值：从不，索引：数字），并且SelectItem组件没有“键”道具。

我需要获取键值而不是显示值。

向我指出正确方向的任何帮助，将不胜感激。

Answer 1

首先要修改的是数据的结构！它是2x5的非结构化矩阵！并且.map()函数是用于数组的，因此不能将其用于对象没有本机映射。但是如果来自服务器的数据结构不在您的控制范围内，则可以执行以下操作使用对象方法通过键和值进行映射

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values

我希望它会有所帮助