diff --git a/docs/react/06-hocs.md b/docs/react/06-hocs.md index d94bc79..b624a50 100644 --- a/docs/react/06-hocs.md +++ b/docs/react/06-hocs.md @@ -43,6 +43,8 @@ Higher-Order Components (HOC) — это продвинутая техника ## Пример +💥 Логгируем входящие props + ```jsx import React from 'react'; @@ -77,4 +79,19 @@ export default function App() { 3. В итоге `HelloWithLogger` ведёт себя как `Hello`, но с дополнительной функциональностью (логированием). +💥 HOC для аутентификации + +```tsx +function withAuth
( + WrappedComponent: React.ComponentType
+) { + return function WithAuthHOC(props: P & { isAuthenticated: boolean }) { + if (!props.isAuthenticated) { + return