reactjs - add dynamic empty objects to an array React

Question

I have the following code, which basically adds empty objects to an array.

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

Lets say, I am passing an integer value to the function handleAddNewRow and then it dynamically adds the number of empty objects to the array based on the integer value, How is it possible?

question from:https://stackoverflow.com/questions/65838426/add-dynamic-empty-objects-to-an-array-react

Answer 1

You can look at my function:

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