добавление динамических пустых объектов в массив React

#reactjs

#reactjs

Вопрос:

У меня есть следующий код, который в основном добавляет пустые объекты в массив.

   handleAddNewRow = () => {
    this.setState({
      rowData: [
        { MEMBER: "", ALIAS: "", STATUS: "" },
        ...this.state.rowData
      ]
    })
}
 

Допустим, я передаю целочисленное значение функции handleAddNewRow , а затем она динамически добавляет количество пустых объектов в массив на основе целочисленного значения, как это возможно?

Ответ №1:

Вы можете посмотреть на мою функцию:

 handleAddNewRow = (number) => {
   this.setState({
       rowData: [
            ...this.state.rowData,
            ...(new Array(number).fill({ MEMBER: "", ALIAS: "", STATUS: "" }))
       ]
   });
}
 

Комментарии:

1. это не работает. Он добавляет только 1 пустой объект.

2. Я тестировал на devtool, и он также работает. Можете ли вы дать мне код, чтобы я мог его протестировать?

Ответ №2:

в следующем коде я написал код в простом состоянии измените его по своему усмотрению

 const array = [{name: '', family: ''}]
function a(num, arr) {
  let temp = [...arr, {name: '', family: ''}]
  if (num - 1 > 0) {
    temp = a(num - 1, temp)
  }
return temp
}
const b = a(4, array)
console.log(b)