[Sigmanus]

Robię prostą apkę webową z backendem w #csharp i frontem w #react. Mam przycisk, który po naciśnięciu wywołuje funkcję łącząca się z backendem i przypisuje otrzymaną wartość do zmiennej state w komponencie. Przy łączeniu się z api normalnie zwraca mi dane, które potrzebuję, jednak mam problem z przypisaniem ich do zmiennych w komponencie. Z tego co rozumiem, w tej funkcji nie mam dostępu do pól z konstruktora, jednak nie mam pojęcia jak ten problem rozwiązać. Na dole zrzut ekranu z błędem, a tutaj link do kodu komponentu

#javascript

[trevoz]

@Sigmanus: z getUnsortedArray zrób arrow function
Albo możesz zabindować this'a, jeśli wolisz zwykłe funkcje (ale imo bez sensu tutaj)

[trevoz]

btw przejdź na hooki, nie używaj klasowych komponentów.

[schriker]

@Sigmanus: Musisz przypisać kontekst w którym wywołujesz this.getUnsortedArray, aktualnie będzie to "Window", możesz to zrobić np. (pisze z "palca" więc mogę się gdzieś pomylić):

onClick={this.getUnsortedArray} zaminić na onClick={() => this.getUnsortedArray()}

albo w konstruktorze:

this.getUnsortedArray = this.getUnsortedArray.bind(this)

możesz też przerobić getUnsortedArray na funkcje strzałkową:

const getUnsortedArray = async () => {...}

[Sigmanus]

@schriker: Dzięki wielkie, działa.
@trevoz: Sugerowałem się bardzo autogenerowaną templatką i komponentami z niej. Raczej w stronę backendu planuje pójść i to na nim się w głównej mierze skupiłem. Chciałem żeby to działało po prostu xD Duże znaczenie ma zrezygnowanie z takich komponentów i przejście na hooki?

[trevoz]

@Sigmanus: Odchodzi się powoli od klasowych komponentów. Ogólnie dużo przyjemniej się pisze na hookach.
Ale jeśli jest to mały projekt i bardziej chcesz iść w stronę backendu to nie przejmuj się tym.

[schriker]

Duże znaczenie ma zrezygnowanie z takich komponentów i przejście na hooki?

@Sigmanus: Czytelniejszy/prostszy kod (według mnie), mniejszy bundle size.

[Przegrywek123]

@trevoz: oj to czasem może zgubić. Pełna zgoda że wygodniej się pisze (szczególnie z reduxowymi hookami), ale imo niech ogarnie starą szkołę najpierw a potem się bawi. W hookach nie ma takich rzeczy jak callback po setState albo forceUpdate - co czasem jest mega przydatne.

[veranoo]

@trevoz: a potem senior react developer bez znajomości this xD

[trevoz]

@veranoo: dlatego ja uważam, że najpierw powinno się nauczyć solidnie javascripta, a dopiero potem przechodzić do frameworków