Question

当我试图根据其他状态声明一个状态变量时，它无法正常工作。禁止反应或我做错了吗？

基本上我正在努力实现以下目标：

class App extends Component {
state={
  a:123,
  b:234,
  c:this.state.a+this.state.b
}



render() {
return (
  <div className="App">
    {this.state.c}
  </div>
);
}
}

仅供参考：我不想尝试像大括号那样计算c： {this.state.a+this.state.b} 但对它在州内如何运作感兴趣。

感谢您的帮助！

Answer 1

这里的问题很简单，当您尝试state时，this.state.a + this.state.b的声明声明已经完成。该声明将在}之后完成 - 只有这样才能访问这些变量。

相反，你可以这样做：

state={
  a:123,
  b:234,
}
this.state.c = this.state.a + this.state.b

基于其他状态变量

1 个答案: