反应-刷新保存计数器

下面是一个简单的示例,可以增加计数器并重置计数器。 如果希望此值即使在重新加载页面后仍保持不变,则无法将该值保持在该状态。不确定您是否只在找这个

class TestJs extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            count: 0
        }
        this.onClick = this.onClick.bind(this);
        this.resetCounter = this.resetCounter.bind(this);
    }

    onClick(e) {
        this.setState({
            count: this.state.count + 1
        });
    }

    resetCounter(){
        this.setState({count : 0});
    }

    render() {
        return (
            <div>
                Counter value is {this.state.count}
                <br/>
                <button onClick={this.onClick}> Increase counter</button>
                <br/>
                <button onClick={this.resetCounter}> Reset counter</button>
            </div>
        );
    }
}

export default TestJs