json - 更改json中的数据名称

Question

我收到一个类别列表：

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} />

我如何在前端更改它？

标签： jsonreactjs

Answer 1

就像 Shmili 之前所说的，如果你的数据是一个对象数组，你可以这样：

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