add row without push in es6 for react state

Question

I\'m not sure I\'m doing the right thing, I mutate variable outside of setState, it\'s fine right? or there\'s more elegant way to do it?

state = {
    persons:          


        

Answer 1

In my opinion, more elegant way would be to use functional setState:

const newPerson = { name: '', age: -1 };
this.setState(prevState => ({ persons: [...prevState.persons, newPerson] })