Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React JS

ДЗ Семинар 3. Virtual DOM. Подключение библиотеки UI-компонентов

Задание 1: Температурный конвертер с Material UI

Цель: Создать компонент TemperatureConverter, используя компоненты TextField и Button из Material UI для ввода и отображения температур в градусах Цельсия и Фаренгейта.

Компоненты: Используйте TextField для ввода значения температуры. Добавьте лейблы к каждому TextField, указывая единицы измерения (Цельсия и Фаренгейта).

Логика: При вводе значения в одно поле, автоматически конвертируйте его и отобразите в другом. Реализуйте конвертацию температур в обоих направлениях.

Задание 2: Список дел с Material UI

Цель: Разработать компонент TodoList для управления задачами: добавление, отображение, и удаление задач.

Компоненты: Используйте TextField для ввода новой задачи. Добавьте Button для добавления задачи в список. Для каждой задачи в списке используйте Card или ListItem из Material UI. Внутри каждого элемента списка разместите текст задачи и IconButton с иконкой удаления (например, DeleteIcon).

Логика: При нажатии на кнопку добавления, новая задача должна добавляться в список. Рядом с каждой задачей должна быть кнопка для её удаления.

Для запуска:

1.Скачайте репозиторий в рабочую папку

2. Введите команду npm install для установки зависимостей

3. Введите команду npm start

4. Перейдите по адресу http://localhost:3000

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages