更改json中的数据名称

我收到一个类别列表：

0:
name: "Acessórios para Veículos"
uuid: "d87506-bb-08-d0-58c2d4af"
1:
name: "Agro, Indústria e Comércio"
uuid: "d87507-bb-07-d0-57c2d4af"

我使用的组件没有标识给定的名称和uuid

我想这样说：

0:
label: "Acessórios para Veículos"
value: "d87506-bb-08-d0-58c2d4af"
1:
label: "Agro, Indústria e Comércio"
value: "d87507-bb-07-d0-57c2d4af"

选择：

<Select name="category" data={CategoryList} label="Categoria" onChange={handleCategoryChange} />

---

如何在前端更改此项？

您可以映射所有项，并返回具有正确名称的新数组，如下所示：

let modified = categories.map(cat => {
    {label: cat.name, value:cat.uuid}
})

<Select 
  name="category" 
  data={CategoryList.map(({name, uuid}) => ({label:name, value:uuid})} 
  label="Categoria" 
  onChange={handleCategoryChange} 
/>

---

如Shmili之前所述，如果您的数据是一个对象数组，则可以如下所示：

let modified = categories.map(cat => {
    {label: cat.name, value:cat.uuid}
})

<Select 
  name="category" 
  data={CategoryList.map(({name, uuid}) => ({label:name, value:uuid})} 
  label="Categoria" 
  onChange={handleCategoryChange} 
/>

（{label:name，value:uuid}）
label=“Categoria”
onChange={handleCategoryChange}
/>

请包含用于读取JSON数据的组件中的代码。您是否使用react select？我使用的组件来自我工作的公司的一个私有库，但我添加了我称之为分类列表的方式。我认为

JSON可能更快。将数据字符串化

然后使用正则表达式替换键，然后将字符串解析回一个对象。当然，即使我是对的，如果数据很小，这也可以忽略不计。@1978年我做了一个测试，这里是结果的屏幕截图（可能有更好的方法来编写你建议的解决方案，我已经尽力了）。