Добавим модальное окно в контейнер Words
.
Сначала добавим логику его включения.
Создадим его состояние с помощью useState
. Начальное значение это объект с полями:
visible
со значением false
, title
- пустая строка, handleDelete
- null.
Дальше добавим метод getVisibleModalData
в файле: src/containers/Words/helpers.js
.
У метода должно быть три аргумента: name
, deleteHandler
, setModalParams
.
Последний - метод из вызванного выше useState
.
Эта функции должна вызывать метод setModalParams
и передавать в него объект с полями:
visible
, равноеtrue
;title
, равноеAre you sure you want to delete "${name}"?
, где name - аргумент, описанный вышеhandleDelete
, равное функции, которая сначала вызываетdeleteHandler
с аргументомname
, а потомsetModalParams
с начальным значениеuseState
.
Сам компонент AlertModal
должен быть добавлен после RadialButton
.
Свойства visible
, title
, handleDeleteClick
должны быть взяты из объекта состояния выше.
Свойство handleClose
должно устанавливать начальное значение useState
.
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.