我怎样才能停止计数为 0

Question

我正在使用使用状态，希望在 0 时停止计数，它在单击时进入 -1、-2、-3 等（添加到购物车按钮）

 <div className="border-2 rounded-lg leading-[23.8px]">
              <div className="flex items-start justify-center gap-2 ">
                <button onClick={() => setCount(count-1)} className="flex self-center p-2 text-[red] hover:bg-[red] hover:text-white rounded active:bg-red-700">
                  <IoIosRemove />
                </button>
                <div className="flex self-center">
                  <p>{count}</p>
                </div>

                <button  onClick={() => setCount(count +1)}  className="flex self-center p-2 text-[red] hover:bg-[red] hover:text-white rounded active:bg-red-700">
                  <IoIosAdd />
                </button>
              </div>
          </div>

当递减量达到 0 时，我希望任何 if 语句或按钮禁用属性

Answer 1

尝试以下：

onClick={() => {
if (count > 0) setCount(count-1)
}}