dhat: потому что className - это строка, в которой классы разделены пробелом. Но уже давно для этого есть classList.add('твой класс'), как это сделал товарищ Алексей Ярков
Junior Bee: лень разбираться, извините. Повторюсь: должен быть родительский компонент, у который занимается работой с даннными, и передает данные, и коллбеки (удаление, изменение, добавление) через props дочернему компоненту. А дочерний в отображении фильтрует данные. И еще: советую добавить .idea в .gitignore, и освоить ES6.
Влад Серов: только вручную. По тому же принципу, что и результат. Вообще, для таких случаев обычно используются фреймворки. Только для этого, разумеется, надо знать JS на вменяемом уровне.
Если функция должна возвращать результат, то можно просто x => x + y, а если функция ничего не возвращает, то ее тело заключается в {}. (речь идет об arrow function, если что)