[klamkaodokna]

powiedzmy, że chcę odtworzyć w #react pewną historie:
1. jasiu wychodzi z domu, w kieszeni ma 100 zł
2. idzie na metę
3. kupuje szlugi za 10 zł
4. wraca do domu

i nawigować kolejne kroki przyciskami "poprzedni krok"/"następny krok" wyświetlając aktualna linijkę historii przy pomocy usestate
oraz wyświetlać na ekranie bieżącą zawartość jego portfela

jeżeli zrobię to tradycyjną metodą to jeśli przewinę historię np z 4 do 3 i znowu do 4 to w portfelu zostanie mu tylko 80 zł (albo ujemna ilość jeśli zrobię to kilkanaście razy) bo nie mam mechanizmu cofania skutków uprzednio wykonanych kroków (wydaje się to zbyt skomplikowane)
WIĘC
lepiej ustalić pewien stan początkowy i gdy tylko historia jest posuwana do tyłu zamiast do przodu, to zamiast cofać z kroku 4 do 3, lepiej chyba szybko cofnąć do kroku nr 1, zresetować wszystko co się da i szybko wykonać krok 2 i 3.

tylko, ze na useState nie da się operować wewnątrz pętli

jakiego hooka/sposobu użyć w takim razie?

[waniliowe-ptasie-mleczko]

@klamkaodokna: Użyj reduxa albo useReducer w komponencie nadrzędnym. Redux/useReducer będzie miał w sobie flagi, które będą definiowały czy dany ekran był już wyświetlony (i czy akcje zostały wykonane).

Jeśli flaga będzie ustawiona (np isViewed to true) to nie wykonuj akcji.

[zackson]

@klamkaodokna: to się nazywa Event Sourcing. Każda akcję pchasz do tablicy. Potem twoje "poprzedni krok"/"następny krok" to index do którego mają się wykonać rzeczy.

[NiewzruszonaMasa]

@klamkaodokna: O ile mnie pamięć nie myli to w głównej dokumentacji reacta na stronie jest taki przykład z kółkiem i krzyżykiem gdzie mozesz wracać do konkretnego ruchu gracza.