當我按下 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))