У меня есть хук на изменение стейта (там массив с

Question

У меня есть хук на изменение стейта (там массив с

объектами)
и вот у меня возник вопрос
почему например
console.log(tasks)
setTasks(tasks.filter(e => e.id !== this.id));
console.log(tasks)
почему tasks перед setTasks такой же как и после?

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

0

04.10.2020

18 ответов

13 просмотров

Pan Włodzimierz Автор вопроса

Alex
setState действия являются асинхронными и группиру...

а если setState асинхронный, то как я тогда могу сделать например два setState'a. но второй зависящий от первого ?

0

04.10.2020

Pan Włodzimierz Автор вопроса

Alex
setState действия являются асинхронными и группиру...

например вот setTasks(tasks.map((e, i) => { e.done = i === this.id ? !e.done : e.done; return e; })); setCounter({ tasks: tasks.length, done: tasks.filter(e => e.done).length }); ведь не факт, что setCounter нормально посчитает.

0

04.10.2020

Alex

Pan Włodzimierz
например вот setTasks(tasks.map((e, i) => { e.d...

Посчитай таски перед setTasks

0

04.10.2020

Ivan 🧑‍🚀

Pan Włodzimierz
например вот setTasks(tasks.map((e, i) => { e.d...

Зачем хранить отдельно counter, если он всегда вычисляется из другого стейта? Неконсистентненько. Если ты можешь вычислить А из B, то нет никакого смысла держать A в стейте — всегда есть актуальное B, из которого A однозначно вычисляется

0

04.10.2020

Pan Włodzimierz Автор вопроса

Ivan 🧑‍🚀
Зачем хранить отдельно counter, если он всегда выч...

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

0

04.10.2020

Ivan 🧑‍🚀

Pan Włodzimierz
да я так для примера чтобы понять что делать с зав...

Зависимые стейты не должны быть стейтом

0

04.10.2020

Pan Włodzimierz Автор вопроса

Ivan 🧑‍🚀
Зависимые стейты не должны быть стейтом

не ну и нормально так писать? дважды фильтровать tasks. Напрасная работа, мне кажется

0

04.10.2020

Ivan 🧑‍🚀

Pan Włodzimierz

не ну и нормально так писать? дважды фильтровать t...

Нет, ненормально. Нормальнее вот так const tasks = ... setTasks(...) А ещё нормальнее — не хранить длину массива в стейте — ты вместо state.done всегда можешь взять state.tasks.filter(...).length

0

04.10.2020

Ivan 🧑‍🚀

Pan Włodzimierz

не ну и нормально так писать? дважды фильтровать t...

А можешь сделать ещё лучше const done = useMemo(() => tasks.filter(...).length, [tasks]) Главное - доку почитай сначала

0

04.10.2020

Pan Włodzimierz Автор вопроса

Ivan 🧑‍🚀
А можешь сделать ещё лучше const done = useMemo(...

понял не владею информацией на счёт этого, но гляну

0