Задания на useState
Во всех заданиях можно использовать обычные компоненты (<button>
и т.д.) или компоненты из Ant Design.
Кнопки и стили
1. Создайте <div>
с числом и две кнопки, которые будут увеличивать/уменьшать число.
0
2. Добавьте этому <div>
красную рамку: style={{border: '1px solid red'}}
.
После этого надо будет написать еще несколько кнопок. Каждый раз, когда мы добавляем кнопки, предыдущие кнопки должны продолжать работать.
3. Добавьте две кнопки, которые будут делать рамку тоньше/толще.
4. Еще две кнопки должны делать шрифт больше/меньше (fontSize
).
5. Еще две кнопки для отступов внутри (padding
).
6. Бонус: сделайте кнопки, которые будут менять ширину (width
) и высоту (height
) всех кнопок, включая самих себя.