javascript - react : state property initialized in constructor to some value but returns undefined when rendered

Question

在下面的组件中，我有一个状态属性，该属性在构造函数中初始化为值 5。但是当我在渲染中使用它时，它返回未定义。我不明白为什么。

constructor() {
  super();

  this.state = {
    loadcomplete: false,
    twitterfeed: {
      techcrunch: [],
      laughingsquid: [],
      appdirect: []
    },
    tweetCount: 30
  };
}

render() {
  let { tweetCount } = this.state.tweetCount;
  console.log(tweetCount, "tweetcount");
  return(<div></div>)
}

Answer 1

应该解压 this.state 而不是 this.state.tweetCount

let { tweetCount } = this.state.tweetCount 相当于 let tweetCount = this.state.tweetCount.tweetCount

使用

let { tweetCount } = this.state;

编辑:是的，正如其他人指出的那样，您应该正确地将 props 传递到构造函数中，并通过 super 将其传递给父类 - 但这就是不是为什么 tweetCount 是 未定义