Pobranie wartości przechowywanej w AppContext - react

Question

Cześć, mam problem ponieważ tworzę appke do zarządzania budżetem i mam problem z pobraniem danych, które są przechowywane w AppContext w stanie. 

Poniżej wrzucam link do repo, problem pojawia się w komponencie budget, gdzie próbuje pobrać dane z przychodów i wydatków odjąć od siebie i wyświetlić jako budżet.

Repozytorium

Z góry dziękuję i pozdrawiam.

Comments

Odwołać się możesz podobnie jak to zrobiłeś w funkcji totalBudget, z tym że expenses i incomes to są tablice, więc powinieneś najpierw po nich iterować żeby móc odnieść się do pól w ich obiektach. Przykładowo:

const totalBudget = () => {
    const expensesSum = expenses.reduce((sum, item) => {
        return sum + item.cost;
    }, 0);
    const incomesSum = incomes.reduce((sum, item) => {
        return sum + item.cost;
    }, 0);

    return expensesSum - incomesSum;
}

 

---

Dzięki, tam bardzo mały błąd jest bo w expenses powinien być minus :) Dziękuję bardzo , działa wszystko :D

---

A wracając do poprzednich komentarzy, żeby zapisywało dane użytkownika tak jakby w pamięci, żeby po odświeżeniu przeglądarki to zostało dla danego uzytkownika, to trzeba by było wejść w backend?

---

Użycie backendu pozwala na większą elastyczność, ale można te dane zapisać lokalnie w przeglądarce korzystając z LocalStorage lub IndexedDB.

---

Okej, sprawdzę które z tych dwóch rozwiązań jest dla mnie bardziej przyjazne i spróbuje zaimplementować to w swoim kodzie :) Dzięki za pomoc.

Answer 1

Zacznij od tego, aby oznaczyć twój plik Application-context jako np. funkcje eksportowaną
Albo importować :) po prostu wskazany plik z poprawną ścieżką  ( patrz na - > foldery i zagnieżdżenia ).

Exportujesz w sumie wywołanie, imo spróbuj 

export default ApplicationContext;

ewentualnie exportując zwracaj obiekt, a nie wywołanie
https://www.geeksforgeeks.org/reactjs-importing-exporting/const

Comments

Nic mi to niestety nie mówi :/

---

Exportujesz w sumie wywołanie

Eksportuje wynik wywołania funkcji createContext, która tworzy obiekt kontekstu. Ten obiekt potem używa w hooke-u useContext w komponencie Budget.

---

Nadal nic, chyba nie do końca rozumiem jeszcze AppContext. Po prostu przerabiam swój projekt na podstawie innego kodu.