当我按下 React 中的按钮时，如何在列表中添加新行？

Question

我有一个输入按钮，当按下此按钮时，它会在表格列表中添加一个新行。 我从 API 得到这样一个数组。 只有这个数组的前 8 个对我有好处。 我用 slice 方法得到了前 8 个。 我已经阅读了一些关于此的帖子，但无法理解。 我怎样才能做到这一点？

Answer 1

你可以试试这个我不知道它是否回答了你的问题

let arr = [], // contains the 40 entries
    newArray = [];

arr.map((item) => {
  if(newArray.length <= 7){
     return newArray.push(item);
  }
}); 
console.log(newArray) // array with 8 entries
    

并添加一个新行

const createRow = (dt, main, weather, clouds, wind) => {
   return newArray.push({dt, main, weather, clouds, wind});
} 

使用 args 调用 createRow

createRow("20/02/2021 18:51",{...}, "cloudy","120 knots")

Answer 2

你只想要数组的前八个元素？

const arraysample = [1, 2, 3, 4, 5, 6, 7, 8, 9];

const firstEight = (array) => {
  let eight = [];
  arraysample.forEach((obj, i) => {
    if (i < 8) {
      eight.push(obj);
    }
  })
  return eight;
};

console.log(firstEight(arraysample))