gpt4 book ai didi

javascript - ES6 React 属性未定义

转载 作者:行者123 更新时间:2023-11-30 16:03:47 24 4
gpt4 key购买 nike

<分区>

我正努力去上类 this code .

/*
* A simple React component
*/
class Application extends React.Component {
num = 42;
render() {
return (
<button onClick={this.show}>show</button>
);
}
componentDidMount() {
console.log(this.num);
}
show() {
console.log(this.num);
}
}

/*
* Render the above component into the div#app
*/
React.render(<Application />, document.getElementById('app'));

问题是,当我单击按钮获取属性的值时,它将是未定义的。有趣的是 ComponentDidMount() 函数可以访问 num 值。

我认为 show() 函数有不同的上下文,这就是为什么我不能通过 this 关键字引用 num 的原因。我尝试在构造函数中绑定(bind) num 值,但它也不起作用,所以我将其删除。

知道如何通过单击按钮获取 num 值吗?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com