Почему функции фильтрации работают некорректно? ⇐ Javascript

[Гость]

import { useState } из «реагировать»; импортировать модальный файл из "./complents/compfold/modal"; экспортировать функцию по умолчанию App() { константа обр = [ ]; const [задачи, setTasks] = useState(arr); const [selectedOption, setSelectedOption] = useState(""); const [activeModal, setActiveModal] = useState (false); const handleDataFromChild = (inputData) => { console.log("Получено от дочернего элемента:", inputData); setTasks((prevTasks) => [...prevTasks, inputData]); console.log(задачи); }; const handleChange = (e) => { константное значение = e.target.value; setSelectedOption (значение); пусть отсортированы задачи; if (value === "наибольшее количество голосов") { sortedTasks = [...tasks].sort((a, b) => b.votes - a.votes); } else if (value === "большинство комментариев") { sortedTasks = [...tasks].sort((a, b) => b.comments - a.comments); } еще { sortedTasks = задачи; } setTasks (сортированные задачи); }; const filterByTag = (тег, е) => { е.preventDefault(); const CompleteTasks = arr.filter((item) => item.tag === tag); setTasks (завершенные задачи); }; const handleReset = () => { setTasks (задачи); }; возвращаться (

• Все filterByTag("ui", e)} > пользовательский интерфейс filterByTag("ux", e)} > UX filterByTag("enchancement", e)} > Улучшение filterByTag("ошибка", e)} > Ошибка filterByTag("feature", e)} > Особенность

0 предложений

сортировать по:
большинство голосов Меньше обновлений Большинство комментариев Минимум комментариев { setActiveModal (истина); }} > Добавить отзыв {tasks.map((item) => ( {item.tittle}, {item.votes}, {item.tag}, комментарии:{" "} {пункт.комментарии} ))} ); }
После добавления новой функции я хочу, чтобы она была назначена определенному тегу. однако после добавления новой задачи и фильтрации результата из списка они исчезают полностью.