反应 - 刷新保存计数器

Question

我有一个组件，它工作得很好

好的，在构造函数中，我有：

  constructor(props) {
    super(props);
    this.state = {
        count: 0
    }

我还有功能：

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

如何不是每次都计数0，而是在刷新后更新？

Answer 1

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

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