Счётчик на React
ЛёгкаяReactts
Реализуйте компонент-счётчик 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 из кода попадает в панель внизу.