Почему при добавлении кода в 24 строчку, условие в 23 строчке становится недостижимым?
Идея какая. У туду-списка есть 3 состояния, первое по умолчанию (без класса), второе выполненное (класс completed) и третье - редактирование (класс edit)
И есть 2 обработчика событий, если какое-то происходит, я меняю стэйт, и если какое-то из этих значений становится true - следовательно должен меняться и classname
И это работает для одного такого условия, но если я добавляю еще одно, т.е. 24 строчку - ничего не происходит

Почему при добавлении кода в 24 строчку, условие в 23 строчке становится недостижимым?
Идея какая. У туду-списка есть 3 состояния, первое по умолчанию (без класса), второе выполненное (класс completed) и третье - редактирование (класс edit)
И есть 2 обработчика событий, если какое-то происходит, я меняю стэйт, и если какое-то из этих значений становится true - следовательно должен меняться и classname
И это работает для одного такого условия, но если я добавляю еще одно, т.е. 24 строчку - ничего не происходит

const classname = () => {
 if (complete) return 'completed' ;
 if (edit) return 'editing' ;
 return null
}

для таких вещей есть библиотека classnames

Почему при добавлении кода в 24 строчку, условие в 23 строчке становится недостижимым?
Идея какая. У туду-списка есть 3 состояния, первое по умолчанию (без класса), второе выполненное (класс completed) и третье - редактирование (класс edit)
И есть 2 обработчика событий, если какое-то происходит, я меняю стэйт, и если какое-то из этих значений становится true - следовательно должен меняться и classname
И это работает для одного такого условия, но если я добавляю еще одно, т.е. 24 строчку - ничего не происходит

да я учусь, друг)) в js даже для хоть чего библиотека найдется)

воспользуйся библиотекой classnames, потомки будут тебе благодарны

const className = classnames({ completed: complete && !edit, editing: edit })

Запах бесполезной копипипасты и бесконечного бойлерплейта вместо кода

ментор, конечно, похвалит за хитрожопость, но заставит всё делать без библиотек, так что)

const getClassname = (...props) => props.filter(classname => classname == true)

?

Оцените анимэ