Reactjs向一个状态添加一个数字

Reactjs add a number to a state?

本文关键字：一个 数字 添加 Reactjs 状态      更新时间：2023-09-26

说我有一个Reactjs状态，它是这样组织的：

getInitialState: function(){
return {food: ''}
}

如何将条件数值添加到该状态？比如说：

firstset: function(){
this.setState({food: +9});
}

和

secondset:function(){
this.setState({food: +10});
}

我想知道当firstset函数和secondset被激活时，我将如何将这些数字迭代到"食物"状态。因此，激活它们一次的结果是9+10，这将使food: 19。

您可以在设置之前的状态时参考它：

getInitialState: function() {
  return {
    food: 0
  }
}
firstSet: function() {
  this.setState({
    food: this.state.food + 9
  })
}
secondSet: function() {
  this.setState({
    food: this.state.food + 10
  })
}

首先，食物最初应该设置为编号：

getInitialState: function(){
  return {
    food: 0
  }
}

然后，为了给你需要的东西增加一些价值。。所以取this.state.food值即可。。

incBy: function(value) {
   this.setState({
     food: this.state.food + value
   });
}
相关文章：