数组不使用useState挂钩和for循环进行更新

const oldArray = [1, 2, 3, 4, 5];
const newArray = oldArray.map((item) => item * 2);
console.log(newArray); // [2, 4, 6, 8, 10]

const oldArray = [1, 2, 3, 4, 5];
const newArray = [...oldArray].map((item) => item * 2);
console.log(newArray); // [2, 4, 6, 8, 10]

const oldArray = [1, 2, 3, 4, 5];
const newArray = Array.from(oldArray, (item) => item * 2);
console.log(newArray); // [2, 4, 6, 8, 10]

const oldArray = [1, 2, 3, 4, 5];
const newArray = oldArray.reduce((acc, item) => {
  acc.push(item * 2);
  return acc;
}, []);
console.log(newArray); // [2, 4, 6, 8, 10]