Polski frontend

Komponenty powielają logikę? Twoje komponenty często używają tych samych komponentów? Higher Order Component w skrócie HOC to prosty sposób na współdzielenie kodu pomiędzy komponentami. Podstawy Co to jest Higher Order Component? To funkcja, która przyjmuję komponent, a następnie może przekazać do niego nowe propsy lub otoczyć go innym komponentem. Na końcu funkcja zwraca komponent. Zaczniemy od przykładu, który rozjaśni nam to zagadnienie. Przykład Przykładem w tym artykule będzie implementacja funkcji, która ukryje nasz komponent gdy użytkownik nie posiada roli administratora. Nazwiemy tę funkcję withAdminGuard. Będzie ona przyjmować komponent, który powinien być widoczny tylko dla administratora. W nowym pliku zdefiniujmy najpierw…

Artykuł React – Higher Order Component pochodzi z serwisu Wojciech Szućko.