如何从状态访问未装载的状态

Question

我想在状态尚未装入时访问状态的属性。

class App extends React.Component{
    constructor(props){
    super(props)
    this.state = {
       test: 2,
       score: test * 2
    }
}

我想做评分4，但得到以下错误：

P. S得分：this.state.test也不起作用。

Answer 1

一种方法是在设置状态之前定义变量，然后使用它：

constructor(props) {
  super(props);
  const test = 2;
  this.state = {
    test,
    score: test * 2
  };
}

Answer 2

您处于构造函数中，因此可以在不使用.setState（）的情况下更新状态，并且不会产生任何后果，如下所示：

constructor(props) {
  super(props);
  this.state = {
    test: 2,
  };
  this.state.score = this.state.test * 2;
}