[ { value: "Мой день", id: "my-day", switched: "switchedOn",

Question

[ { value: "Мой день", id: "my-day", switched: "switchedOn",

icon: faSun },
{ value: "Важно", id: "important", switched: "", icon: faStar },
{
value: "Запланировано",
id: "planned",
switched: "",
icon: faCalendar,
},
{ value: "Задачи", id: "tasks", switched: "", icon: faHouse },
];
Как можно следить за всеми switched в useEffect?

#frontend #javascript #programming #react.js #russian

0

18.03.2022

7 ответов

21 просмотр

Artyom Sultanov Автор вопроса

MALIK
у тебя весь стейт имутабельный ведь? Если да, то с...

const [navList, setNavList] = useState(() => { const localList = JSON.parse(localStorage.getItem("navList") as string); if (localList) { return localList; } else { return defaultNavbarList; } }); У меня такой стейт (не знаю, насколько норм так писать). defaultNavbarList это тот список, который я скинул выше

0

18.03.2022

Евгений Скоробогатый

Artyom Sultanov
const [navList, setNavList] = useState(() => { ...

Ненормальный...

0

18.03.2022

Artyom Sultanov Автор вопроса

Artyom Sultanov
const [navList, setNavList] = useState(() => { ...

const handleSwitchOnList = (id: string) => { navList.map((elem: INavLink) => { if (elem.id === id) elem.switched = "switchedOn" if (elem.id !== id) elem.switched = "" return elem }); setNavList(navList) } Вот так я меняю свойство switched, а потом стейт

0

18.03.2022

MALIK

Artyom Sultanov
const [navList, setNavList] = useState(() => { ...

У тебя стейт это массив, и он у тебя имутабельный, поэтому, когда ты будешь менять стейт через setNavlist ты, то все равно весь массив изменится, поэтому тебе надо следить лишь за navList в useEffect, и все

0

18.03.2022

MALIK

Artyom Sultanov
const handleSwitchOnList = (id: string) => { n...

Не правильно делаешь ведь, так не делается, ты тут мутируешь стейт, так не правильно делать

0

18.03.2022

Artyom Sultanov Автор вопроса

MALIK
Не правильно делаешь ведь, так не делается, ты тут...

Вариант с () => navList тоже не работает

0

18.03.2022