You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将一维数组转换为React Select所需的label-value选项列表?

解决数组转React Select选项列表的问题

直接利用数组的map方法就能完成转换,核心逻辑是遍历原数组时,将每个元素分别映射为label(转为字符串)和value(保留原数值类型):

const originalArray = [123, 456];
const selectOptions = originalArray.map(item => ({
  label: String(item),
  value: item
}));

关键说明:

  • map方法会遍历数组的每一项,每次迭代的item对应原数组的元素(如123、456)
  • label字段通过String(item)将数字转为字符串,匹配你需要的"123"格式
  • value字段直接保留原数字类型,和原数组元素一致

在React Select中使用的完整示例:

import Select from 'react-select';

function CustomSelect() {
  const originalArray = [123, 456];
  const selectOptions = originalArray.map(item => ({
    label: String(item),
    value: item
  }));

  return <Select options={selectOptions} />;
}

内容的提问来源于stack exchange,提问作者Mr.C

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.22 16:03:37