Счетчик не менее 0 с использованием реактивных крючков

Question

В моем removeCountHandler мне нужно выяснить, если число меньше нуля. Если это так, то держите его на нуле

  const [count, setCount] = useState(0);

  const addCountHandler = () => {
    setCount(count + 1);
  };
  const removeCountHandler = () => {
    setCount(count - 1);
  };

  return count <= 1  ? 
    <div>
        {count} person
      <Increment increment={addCountHandler} />
      <Decrement decrement={removeCountHandler} />
    </div>
  :
   <div>
        {count} persons
      <Increment increment={addCountHandler} />
      <Decrement decrement={removeCountHandler} />
    </div>
};

Answer 1

Проверьте демо: Демо

По сути, вы просто проверяете счетчик на ноль в removeCountHandler:

function Counter(){
const [count, setCount] = useState(0);

  const addCountHandler = () => {
    setCount(count + 1);
  };
  const removeCountHandler = () => {
    if(count === 0){
      return;  
    }
    setCount(count - 1);
  };

  return (
    <div>
        {count} person
      <button onClick={addCountHandler}>+</button>
      <button onClick={removeCountHandler}>-</button>
    </div>
  );
};