[pyroxar]

Jak w React przekazywane są zmienne między komponentami? Czy zmienne są przekazywane razem z komponentem? Jeśli zmienię wartość zmiennej "kochamReact" na 1 i umieszczę ją w komponencie, to tam ją odczytam i będę mieć wartość tej zmiennej na 1. Wiem jednak, że zmieniłem wartość tej zmiennej na 0 i komponent dalej myśli, że jest ona równa 1. Aby zaktualizować wartość zmiennej w komponencie, muszę skopiować (odświeżyć) ten komponent i dopiero wtedy ona będzie miała wartość 0.

Jak uniknąć takiej propagacji? Czy potrzebuję zmiennej globalnej?

Natomiast chatGPT dodaje:

W React można przekazywać zmienne między komponentami za pomocą props lub kontekstu. W przypadku zmiany wartości zmiennej, należy przekazać ją do komponentu jako props, a następnie zmienić wartość wewnątrz komponentu, a nie poza nim. W ten sposób, gdy wartość zmiennej zostanie zmieniona, komponent zostanie ponownie wyrenderowany i wyświetli nową wartość.

Jeśli potrzebujesz zmiennej globalnej w React, można skorzystać z biblioteki do zarządzania stanem aplikacji, takiej jak Redux lub MobX. W ten sposób można utworzyć globalny stan, który będzie dostępny dla wszystkich komponentów w aplikacji, bez potrzeby przekazywania zmiennej za pomocą props.

Jak żyć? Będę kobinował z useContext na razie....

#react #webdev #webmastering #programista15k #javascript

[Rufurege1]

@pyroxar: Jeśli nie chcesz mieć tzw props drilling to poczytaj o Context Api

[tooph]

@pyroxar: używasz useState() ?

[pyroxar]

@tooph: nie, zrobilem let i przypisuje normalnie.

[pyroxar]

@Rufurege1: Cały czas zmienna jest przekazywana z komponentem, a ma być całkiem od niego niezależna....

[Rst00]

@pyroxar: weź przerób pierwszy lepszy kurs od początku do końca bo zadajesz pytania, na które odpowiedzi są na pierwszych stronach dokumentacji i są to absolutne podstawy podstaw.

[pyroxar]

@tooph: @Rufurege1 a jak uzyje zmiennej z okna? window.search_id = "aaabbbccc"; Działa. Ale czy to jest mądre?

[StnK]

@pyroxar: nie jest mądre, użyj stanu albo context i nie kombinuj

[pyroxar]

@StnK: no stan aktualizuje sie po przeladowaniu, jest jakby krok w tyl, a kontekst (w moim wydaniu) idzie za komponentem, a ma isc niezaleznie od niego....

[StnK]

@pyroxar: napisz konkretnie co chcesz zrobić i wklej kod który już napisałeś

[Rufurege1]

@pyroxar: Nie jest to mądre, ponieważ zaśmiecanie globalnego obiektu window jest złą praktyką

[pyroxar]

@Rufurege1: @StnK użyłem localStorage do przechowywania UUID.