Set multiple states in setState - React.js ES6

Question

How would I add the name const to the second setState method? In order to increment currentCompany I must include the prevState. When I attempt to add the name const it does not work.

const name = company.word;

this.setState({ name });

this.setState(prevState => ({
  currentCompany: (prevState.currentCompany + 1)
}));

Thank you for your help :)

Answer 1

this.setState(prevState => ({
  name: company.word,
  currentCompany: (prevState.currentCompany + 1)
}));

Answer 2

You can write it like this also:

this.setState({ 
    name ,
    currentCompany: this.state.currentCompany + 1
})

Multiple setState within a function is not a good idea, try to do all the calculation then use setState once after that.

Answer 3

Function onchange set multiple state onChange(field, value){

const next = {

 ...this.state,

[field]: value

 }
this.setState(next)

 }

on HTML use onChange=e)=>this.onChange('title',e.target.value)}