Javascript: Не трогай меня

JS: React 19 сообщений
284
Студента
77%
Завершения
Обновлено: 22 марта, 21:28

Buttons.jsx

Реализуйте и экспортируйте по умолчанию компонент <Buttons />, который отрисовывает кнопки со значением счетчика.

В компоненте необходимо реализовать следующее поведение:

  • Текущее значение счетчика каждой кнопки — это строка внутри тега button.
  • Клик по кнопке должен увеличивать значение счетчика на единицу, не затрагивая при этом другие счетчики.
  • Компонент должен принимать пропс count, который определяет количество кнопок. Значение по умолчанию: 3.
  • Для оформления внешнего вида кнопок используйте библиотеку bootstrap (подключена к испытанию).
  • Последняя нажатая кнопка меняет цвет (с помощью класса). Классы в примерах ниже.

Примеры

Кнопки с нулевым значением счетчика:

<button class="btn btn-primary m-1" type="button">0</button>
<button class="btn btn-primary m-1" type="button">0</button>
<button class="btn btn-primary m-1" type="button">0</button>

Кнопки на которые нажимали. Последняя была вторая (btn-primary => btn-success):

<button class="btn btn-primary m-1" type="button">3</button>
<button class="btn btn-success m-1" type="button">1</button>
<button class="btn btn-primary m-1" type="button">2</button>

Для полного доступа к испытанию нужна профессиональная подписка

Профессиональная подписка откроет полный доступ ко всем курсам, упражнениям и урокам Хекслета, проектам и пожизненный доступ к теории пройденных уроков. Подписку можно отменить в любой момент.

Получить доступ
120
курсов
900
упражнения
2000+
часов теории
3200
тестов