Описание

Счётчик на React

ЛёгкаяReactts
Встречается вАвитоVK

Реализуйте компонент-счётчик App.

Требования

  • Компонент показывает текст Счётчик: N, где N — текущее значение. Начальное значение — 0.
  • Кнопка +1 увеличивает значение на единицу.
  • Кнопка -1 уменьшает значение на единицу, но счётчик не может стать отрицательным: при значении 0 кнопка -1 заблокирована (disabled).
  • Кнопка Сбросить возвращает значение к 0.

Компонент нужно экспортировать по умолчанию: export default function App() { … }.

Пример

<p>Счётчик: 2</p>
<button>-1</button>
<button>+1</button>
<button>Сбросить</button>

Как проверяется

Компонент рендерится в jsdom, тесты на React Testing Library ищут элементы по тексту и роли (getByRole('button', { name: '+1' })) и кликают по кнопкам. Вкладка «Предпросмотр» показывает компонент вживую, а console.log из кода попадает в панель внизу.