From 863c910f7e45dff58386b90a1da47d142ce2567b Mon Sep 17 00:00:00 2001 From: RedrockJS Date: Sat, 1 Nov 2025 13:25:19 +0300 Subject: [PATCH] fix: update hoc --- docs/react/06-hocs.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) 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

Доступ запрещён. Войдите в систему.
; + } + return ; + }; +} +``` + 🚀 **_Источник: DeepSeek_** \ No newline at end of file