React:状态 属性 在构造函数中初始化为某个值,但 returns 在呈现时未定义

React : state property initialized in constructor to some value but returns undefined when rendered

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

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>)
}

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

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

使用

let { tweetCount } = this.state;

编辑:是的,正如其他人指出的那样,您应该正确地将 props 传递给构造函数并通过 [= 将其传递给父级 class 15=] - 但这不是 tweetCountundefined

的原因