[cr6d]

Zaczynam przygodę z #typescript w #react i mnie chce #!$%@?ć (╯°□°）╯︵ ┻━┻ (╯︵╰,)

[inny_89]

Zaczynam przygodę z #typescript w #react i mnie chce #!$%@?ć (╯°□°）╯︵ ┻━┻ (╯︵╰,)

@cr6d a co Cię tam tak boli?

[S.....8]

@cr6d: Zapraszam na konsultacje ( ͡° ͜ʖ ͡°)

[cr6d]

@inny_89: egzotyczne typy w komponentach i propsach, nie wiem co sie dzieje

[cr6d]

@Sheppard28: pozbieram mysli i podbije zaraz

[cr6d]

@Sheppard28: https://pastebin.com/z6fjAkMG w EventContext mam blad o tresci "Type 'Context' is missing the following properties from type 'RootObject[]': length, pop, push, concat, and 28 more.ts(2740)
" a w EventContext.Provider "Property 'Provider' does not exist on type 'RootObject[]'.ts(2339)
"

[Marmite]

export const EventContext: RootObject[] | null = createContext(null);

@cr6d: to nie jest poprawne. createContext zwraca typ o wartości Context a ty probujesz przypisać to do zmiennej której ograniczyłeś typ do RootObject[] | null. Użyj createContext(null) i usuń ten typ, czyli ostatecznie:

export const EventContext = createContext(null);

[cr6d]

@Marmite: a jak zrobić tak aby w value providera oprocz events ze state była również dostępna metoda setEvents?

[S.....8]

https://pastebin.com/z6fjAkMG

@cr6d: export const EventContext= createContext(null);

I nie uzywaj FC

[cr6d]

@Sheppard28: to juz mam

[S.....8]

@cr6d:
interface EventsContext {
events: RootObject[] | null,
setEvents: (events: RootObject[] | null) => void // typ moze byc inny
}

export const EventContext= createContext(null);

[cr6d]

@Sheppard28: niestety nie działa

[S.....8]

@cr6d: niestety nie jestem wrozka. Wrzuc to do codesandbox

[cr6d]

@Sheppard28: https://codesandbox.io/s/agitated-pascal-ovg6q?file=/asa.tsx

[S.....8]

@cr6d: https://codesandbox.io/s/polished-meadow-b32q6

[cr6d]

@Sheppard28: działa, dziękuję Ci bardzo :)