在setState中设置多个状态-React.js ES6

Question

如何将名称const添加到第二个setState方法中？ 为了增加currentCompany我必须包括prevState。 当我尝试添加名称const时，它不起作用。

const name = company.word;

this.setState({ name });

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

谢谢您的帮助 ：）

Answer 1

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

Answer 2

您也可以这样写：

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

在函数中使用多个setState不是一个好主意，请尝试执行所有计算，然后再使用一次setState 。

Answer 3

函数onchange设置了多个状态onChange（field，value）{

const next = {

 ...this.state,

[field]: value

 }
this.setState(next)

 }

在HTML上使用onChange=e)=>this.onChange('title',e.target.value)}