Zustand — ошибка с записью в State?

Question

[Danila232]

Принцип: функция cartStorage() возвращает объект вида {1:0, 2:0, 3:0...}, {idТовара : кол-во в корзине}
Этот объект я записываю в cartObject, который в Zustand-store. Там же я создаю action getTotalPrice(), в котором пробегаюсь по cartObject, и считаю стоимость товаров(логика подсчёта неважна, она верная). И эту стоимость я через set() записываю в totalPrice, который изначально 0

Action getTotalPrice() я импортирую в компонент Cart.jsx, где вызываю его

import { create } from "zustand";
import { cartStorage } from "../context/Context";  // {1-0, 2-0, 3-0, 4-0..}

export const useStore = create((set, get) => ({

    cartObject: cartStorage(),  // state(объект)-КОРЗИНЫ
    totalPrice: 0,
    
    getTotalPrice: () => {
        let totalPrice = 0;
        for (let item in get().cartObject) {  // если перед cartObject написать get() - падает 1000000 ошибок
            if (get().cartObject[item] > 0) {
                let element = cartData.find((product) => product.id == +item)
                totalPrice += get().cartObject[item] * parseInt(element.price)
            }
        }
        set({totalPrice})
    }

}))

// zustand-dependencies
import { useStore } from '../../store/zustandStore'
export const Cart = () => {

    // достаём Объект / actions из ZUSTAND-store
    const {cartObject, getTotalPrice} = useStore()

    useEffect(() => {
        getTotalPrice()
    }, [cartObject])

}

Но что-то не так в функции getTotalPrice() - сейчас мне выдаёт бесконечные ошибки. Это значит, что запись в state зациклила рендер компонента, и я не пойму как это исправить
Недавно разобрал Zustand, но тут что-то застрял прям, подскажите в чём проблема?

Comments

[szQocks]

В чём твоя цель ? зачем ты добавил в массив зависимостей cartObject, если он там не нужен, просто убери его от туда

и ты назвал метод getTotalPrice , переименуй его к примеру в recalculateTotalPrice, так как он тебе ничего не возвращает

[Danila232]

szQocks, я добавил в массив зависимостей cartObject - чтобы при изменении cartObject(добавление/удаление товара) - getTotalPrice() перезапускалась и цена пересчитывалась
функции добавления/удаления я здесь не описывал, это к вопросу не относится

[szQocks]

Danila232, можно в экшенах, вызывать другие экшены

просто вызывай в экшенах которые влияют на корзину ( товаров ), свой экшен для обновления totalPrice ( recalculateTotalPrice )

[szQocks]

Danila232, если проще, то когда ты добавляешь например в корзину товар, или убираешь товар из корзины ( эти экшены которые отвечают за это, внутри их и вызывай свой экшен который обновит тотал в сторе ), хотя вообще эта дерьмо с тоталом не должно быть в сторе, почему оно там, я хз)

[Danila232]

szQocks, да отдельно удобнее. addToCart()/removeFromCat() добавляют/удаляют товары из корзины(cartObject), а "getTotalPrice" реагирует на изменение cartObject

но getTotalPrice не работает как надо

[szQocks]

Danila232, не до конца понимаю твой подход, но опыт мне подсказывает что ты как-то не верно юзаешь стор, запихал стор в стор походу

даже если ты запихал стор в стор, почему у тебя тотал в основном сторе находиться а не в сторе с корзиной, это ты походу пытался решить эту проблему таким способом, похлопаю, хуже варианта не придумать, переделывай всё

[szQocks]

Danila232,
хотя бы так попробуй чтоле

create((set, get) => ({

    products: [],
    totalPrice: 0,
    
    addProduct: () => {
        const store = get();
        // какая-то логика
        store.recalculateTotalPrice()
    },
    removeProduct: () => {
        const store = get();
        // какая-то логика
        store.recalculateTotalPrice()
    },
    recalculateTotalPrice: () => {

    }

}))

[Danila232]

szQocks, да весь смысл в том что у меня recalculateTotalPrice(getTotalPrice) не работает. Он не записывает в totalPrice ничего

[szQocks]

Danila232, так быть не должно, должен работать, если не работает, то проблема не в нём а в чём то другом, и напомню что у тебя в сторе не должен быть вообще totalPrice, ему там не место ( логически пришёл я к этому умозаключению )

сам вызов set({totalPrice}) - рабочий, но что там в цикле перед ним делается ( тут только гадать, может тут и проблема)