ЯсноПонятно24

Пример кода:

import React, { useState } from 'react';

const Counter = () => {
  const [count, setCount] = useState(0);
  const [isBlocked, setIsBlocked] = useState(false);

  const increaseCount = () => {
    if (!isBlocked) {
      setCount(count + 1);
    }
  };

  const toggleBlock = () => {
    setIsBlocked(!isBlocked);
  };

  return (
    <div>
      <h1>Count: {count}</h1>
      <button onClick={increaseCount}>Увеличить счетчик на 1</button>
      <button onClick={toggleBlock}>
        {isBlocked ? 'Разблокировать' : 'Заблокировать'}
      </button>
    </div>
  );
};

export default Counter;

В данном примере при нажатии на кнопку "Заблокировать" значение переменной isBlocked становится true, что блокирует увеличение счетчика. При нажатии на кнопку "Разблокировать" значение переменной isBlocked становится false, что разблокирует увеличение счетчика.