BelarusWillBeFree / listToDo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

App.jsx

Реализуйте и экспортируйте по умолчанию компонент, который реализует приложение "записная книжка".

В этом приложении можно добавлять, удалять и редактировать задачи с помощью модальных окон. На любое действие возникает модальное окно, внутри которого можно выполнять разные действия.

Для прохождения испытания нужно познакомиться с новыми хуками и использовать готовые компоненты бутстрапа. Рекомендуем проходить это испытание после выполнения предыдущего. Примеры

Начальный HTML:

add

После клика на добавление:

add
Add

После добавления первой задачи:

add
first task! rename remove

Клик по переименованию:

add
first task! rename remove
Rename

После переименования все возвращается к предыдущему HTML, но с новым именем.

Клик по удалению:

add
changed name! rename remove
Remove

После удаления, запись пропадает. modals/Add.jsx

Реализуйте модальное окно для добавления задачи. Сделайте так, чтобы при появлении окна происходила фокусировка на поле для ввода. Это важно с точки зрения удобства. modals/Rename.jsx

Реализуйте модальное окно для обновления названия задачи. Сделайте так, чтобы при появлении окна происходила фокусировка на поле для ввода и при этом выделялся весь текст. Это важно с точки зрения удобства. modals/Remove.jsx

Реализуйте модальное окно для удаления задачи.

About


Languages

Language:JavaScript 77.5%Language:HTML 18.3%Language:CSS 4.2%