gpt4 book ai didi

javascript - ReactJs 中的 this 关键字以及为什么我们失去上下文

转载 作者:行者123 更新时间:2023-11-30 06:11:04 25 4
gpt4 key购买 nike

<分区>

class Foo extends React.Component{
constructor( props ){
super( props );
}

handleClick(event){
console.log(this); // 'this' is undefined
}

render(){
return (
<button type="button" onClick={this.handleClick}>
Click Me
</button>
);
}
}

ReactDOM.render(
<Foo />,
document.getElementById("app")
);

我对这个关键字很生气,但我不明白为什么在这种情况下当我点击按钮 this 时未定义?在这种情况下 this 应该指向类 Foo ,为什么它是 windows 对象?在这种情况下,上下文是如何丢失的?

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