如何在 React 上修改数组

【问题标题】：How to modify Array on React如何在 React 上修改数组
【发布时间】：2019-09-23 08:39:49
【问题描述】：

在这样的api返回值中，

[
    "Action",
    "Comedy",
    "Documentary",
    "Drama"
]

我需要像这样修改上面的数组，

 const techCompanies = [
      { label: "Action", value: 1 },
      { label: "Comedy", value: 2 },
      { label: "Documentary", value: 3 },
      { label: "Drama", value: 4 }
   ];

我用axios获取数据，

const response = await axios.get("http://localhost:3000/Movie/v1.0/genre");

【问题讨论】：

你是如何获得财产value的？
可能是数组索引

标签： arrays reactjs axios

【解决方案1】：

这是一个数组，因此您可以使用 .map() 函数来执行此操作：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

const arr = ["Action", "Comedy", "Documentary", "Drama"];

arr.map((arrElement, index) => ({ label: arrElement, value: index }));

【讨论】：

不能使用 vale: index
是因为第一个元素是0还是其他什么原因？
不，当使用value: 时出现错误消息';' expected.
我也输入了你的链接，这个错误来了developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
var Data = [1, 4, 9, 16]; // 传递一个函数来映射 const map1 = Data.map((arrElement, index) => { label: arrElement, value: index }); console.log(map1);