Как изменить массив на React

Question

В 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");

Answer 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 }));