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?

cuongdevjs · Accepted Answer · 2021-01-22 02:31:06Z

2

You can look at my function:

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

answered Jan 22, 2021 at 2:31

cuongdevjs

7316 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2281858 Over a year ago

it does not work. It only adds 1 empty object.

cuongdevjs Over a year ago

I've tested on devtool and it works as well. Can you give me a code so I can test it?

amirreza mojarad · Accepted Answer · 2021-01-22 03:02:55Z

0

in the following code i wrote code in simple condition change it on your own

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)

answered Jan 22, 2021 at 3:02

amirreza mojarad

3702 silver badges6 bronze badges

Collectives™ on Stack Overflow

add dynamic empty objects to an array React

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related