gpt4 book ai didi

javascript - 无法使用 react 中的状态增加计数

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:56:45 26 4
gpt4 key购买 nike

<分区>

以下是我的代码,我在其中尝试使用单击按钮来增加计数,但它没有更新值。虽然我在控制台中也没有收到任何错误。让我知道我在这里做错了什么。

JS 代码 -

class App1 extends React.Component {
constructor(props) {
super(props)
this.state = {
count: 0
}
this.setCount = this.setCount.bind(this)
}

setCount() {
this.setState((state) => {
count: state.count + 1
})
}



render() {
return (
<>
<hr />
<h3>test increment</h3>
<button onClick={this.setCount}>Click</button>
<p>{this.state.count}</p>
</>
)
}
}

ReactDOM.render(<App1 />, document.getElementById('root'))

Codepen - https://codepen.io/anon/pen/LaMOEp

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