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=] - 但这不是 tweetCount
是 undefined
的原因
在下面的组件中,我有一个状态 属性,它在构造函数中初始化为值 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=] - 但这不是 tweetCount
是 undefined