javascript - 根据其他状态变量在 React.Component 状态中设置变量

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} 而是对它在状态内的工作方式感兴趣。

感谢帮助！

标签： javascriptreactjs

Answer 1

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

相反，你可以这样做：

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