fix: update hoc

This commit is contained in:
2025-11-01 13:25:19 +03:00
parent 25f57c6310
commit 863c910f7e

View File

@@ -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<P extends object>(
WrappedComponent: React.ComponentType<P>
) {
return function WithAuthHOC(props: P & { isAuthenticated: boolean }) {
if (!props.isAuthenticated) {
return <div>Доступ запрещён. Войдите в систему.</div>;
}
return <WrappedComponent {...props} />;
};
}
```
🚀 **_Источник: DeepSeek_**