gpt4 book ai didi

reactjs - this.handleClick 与 this.handleClick()

转载 作者:行者123 更新时间:2023-12-05 09:17:18 27 4
gpt4 key购买 nike

<分区>

我有两个例子。在第一个示例中,我在 JSX 中使用了 this.handleClick() 但它不起作用。但是,在第二个示例中,我在 JSX 中使用了 this.handleClick 并且它有效。我想,我缺少一些基础知识。

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

this.state = {counter: 0};
this.handleClick = this.handleClick.bind(this);
}

handleClick() {
this.setState({counter: this.state.counter + this.props.increment});
}


render() {
return(
<div>
<p> Current counter is {this.state.counter} </p>
<button onClick={this.handleClick()} > Click here </button>
</div>
);
}
}


function App() {
return (
<div>
<MyComponent increment={5} />
</div>
);
}

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