Испытания

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

JS: React

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>
Успешных завершений: 75%

Последние код-ревью

Автор Дата обновления Версий
voitd 19 июня, 15:34 1
alexandrshcherbackov 08 июня, 08:37 2
smatch 07 июня, 15:24 1
alexenl 02 июня, 11:58 1
user-489606248aeedd4d 01 июня, 04:03 2