Reactjs 我如何在0点停止计数器？我能不能不要每次都重置它？

这是我到目前为止所拥有的。只是试图让它停止在0，而不是每次刷新。如果有人能帮上忙，那就太棒了

class Counter extends React.Component {
  state = {
    count: 10,
  };

  handleDecrement = () => {
    this.setState({ count: this.state.count - 1 });
  };

  render() {
    return (
      <div className="card text-center">
        <div className="card-header bg-primary text-red">
          Sign Up For Classes!
        </div>
        <div className="card-body">
          <p className="card-text"> Mats Left : {this.state.count}</p>
          <Button className="btn btn-danger" onClick={this.handleDecrement}>
            Spots
          </Button>
        </div>
       </div>
     );
   }
 }

类计数器扩展React.Component{
状态={
计数：10，
};
handleDecrement=（）=>{
this.setState（{count:this.state.count-1}）；
};
render（）{
返回(
报名上课！
左垫：{this.state.count}
斑点
);
}
}

此处，您在0处停止并禁用按钮

类计数器扩展React.Component{
状态={
计数：10，
禁用：false，
};
handleDecrement=（）=>{
如果（this.state.count>0）this.setState（{count:this.state.count-1}）；
else此.setState（{disable:true}）
};
render（）{
返回(
报名上课！
左垫：{this.state.count}
斑点
);
}
}
常量按钮=（道具）=>；
常量应用=（）=>；
ReactDOM.render（，document.getElementById（'root'））