Mechanizm działania render w react

Question

Cześć, zastanawiam się nad jedną rzeczą. Zrobiłem w React aplikację to-do-app, wszystko działa w porządku, zastanawia mnie jednak jedna rzecz, zmiana danych w formularzu jest obsługiwana przez React, a komponenty, które nie korzystają w żadnym stopniu ze zmiany (dodają elementy do listy dopiero po zdarzeniu submit, wtedy dopiero dane są pobierane ze state) również są re-renderowane. Może spotkaliście się kiedyś z czymś takim, i wiecie czym to może być spowodowane?

Comments

Nie dopisałem, w zasadzie, nawet po zdarzeniu submit one nie korzystają bezpośrednio z tych danych, w funcji obsługującej to zdarzenie jest tworzony obiekt na bazie tych danych ze state, pozniej jest przekazywany do tablicy z tymi obiektami, z ktorych to tablic dopiero korzystaja owe komponenty

Answer 1

Jeśli te komponenty są dziećmi komponentu w którym trzymasz stan formularza, jest to wtedy normalne zachowanie reacta. Komponent (funkcja lub klasa) po zmianie stanu uruchamiany jest ponownie przez co wszystko co znajdujesz się w return lub render również się odpala, a co za tym idzie, dzieci się wykonują od nowa, ale jeśli virtual dom się nie zmienił, na stronie nie dojdzie do żadnych zmian.

Jeśli stan trzymasz w context jest to jeden jego minus - musisz sam o to zadbać. Po przejściu z redux na context również nie było to dla mnie oczywiste. W tej chwili używam dwóch context dla stanu i funkcji go zmieniających. Nie wiem czy jest to najlepsze rozwiązanie, ale przynajmniej małym kosztem we własnym zakresie rozwiązuje problem.