React + Redux — filtrowanie listy, proste selektory #114
Replies: 8 comments 8 replies
-
Cześć. Mam pytanie odnośnie funkcji mapDispatchToProps w komponencie, mianowicie czemu obiekt nie jest dispatchowany? "const mapDispatchToProps = { searchContacts };" Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Oba zapisy oznaczają to samo, pierwszy jest skrócony — w takim przypadku react-redux sam robi dokładnie to co napisałeś dalej — zamyka to w funkcję i wywołuje Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Cześć! Czy jest jakiś sposób, żeby podczas filtrowania za pomocą selektora pokazać spinner (ikonkę ładowania)? Czy jednak musiałabym w tej sytuacji jednak normalnie filtrować poprzez akcję? Zastanawiam się, jak to zrobić, bo przecież nie powinno się "dispatchować" akcji w selektorze. Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Filtrowanie selektorami jest całkowicie synchroniczne i zajmuje mniej niż kilka milisekund, w zależności od danych. Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Witam, artykul ciekawy. Zastanawia mnie jak zrobic aby przekazac object albo liste z filtrami. Mam liste zadan i chcialbym filtrowac np. z 5 ostatnich dni oraz tylko wykonane. Narazie mam pomysl aby ustawic lacuch filtrow w funkcji i przekazywac caly zestaw parametrow do filtrowania, ale wydaje mi sie ze moznaby jakos uzyc funkcji map na takiej liscie filtrow do przefiltrowania listy zadan. Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Do filtrowania powinieneś użyć filter, map się nie nada :) Poza tym obiekt z filtrami brzmi dobrze, też bym tak zrobił. Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Cześć. nie prościej byłoby filtrowanie wrzucić w reducer i trzymać przefiltrowaną listę w store, bez nadpisywanie oryginalnych kontaktów ? mniej pisania i dostęp z każdego komponentu .... Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Nie. Byłoby to wręcz bardziej skomplikowane. Dzięki filtrowaniu przez selektory zyskujesz:
Myśl o reduksowym storze jak o bazie danych. Redundancja jest bardzo niepożądana bo prędko prowadzi do niespójnych danych. Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Witaj Michale, słyszałem że nie powinno za wiele rzeczy trzymać w store, więc wykorzystałem state do filtrowania czy moje podejście jest błędne... ?! :) https://uploads.disquscdn.com/images/64071c584e026615bbb78d52677704362a9b6e207c2f1831913e83cc72fe806a.jpg https://uploads.disquscdn.com/images/9a508eb5bc7f207e594ea589cab38fc55412649a580a10c68c9e14fe7617d681.jpg Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
To działa o ile zarówno filtrowanie jak i lista kontaktów są w tym samym komponencie. Ale nie powinno tak być i rzadko tak jest. Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
W przypadku tworzenia akcji warto mieć na uwadze: Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Masz absolutną rację! Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Cześć. Chciałem się zapytać, czy przy każdej zmianie store uruchamiają się wszystkie mapStateToProps umieszczone w każdym komponencie? Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
To w zasadzie szczegół implementacyjny i nie powinno to mieć znaczenia. Ale tak. Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Bo zastanawiałem się skąd mSTP w app "wie", że w ContactsFilter coś się zmienia. Dzięki. Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
ok przyznam że nie bardzo rozumiem jak wykonać to ćwiczenie.. mógłby ktoś pomóc ? :) Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
React + Redux — filtrowanie listy, proste selektory
Jak dokładnie wygląda komunikacja pomiędzy komponentami przy użyciu Redux w React? W tym wpisie pokazuję jak zaimplementować filtrowanie listy przy użyciu Reduksa. Na dokładkę — poznasz pojęcie „selektor” i pewien ważny koncept w Reduksie. Do kodu!
https://typeofweb.com/react-redux-filtrowanie-listy-selektory
Beta Was this translation helpful? Give feedback.
All reactions