Встречается на собеседованиях • сегодня
Как сделать hooks-based авторизацию не полагаясь на hook
Для авторизации без хуков можно использовать контекст или глобальное состояние (например, Redux). Создаем контекст с провайдером, который хранит состояние авторизации и методы входа/выхода. Компоненты получают доступ через `useContext` или HOC.
Пример с контекстом:
```jsx
const AuthContext = React.createContext();
export const AuthProvider = ({ children }) => {
const [user, setUser] = useState(null);
const login = (credentials) => {
// API call
setUser({ name: 'User' });
};
return (
{children}
);
};
// Использование в классовых компонентах
class Profile extends React.Component {
static contextType = AuthContext;
render() {
const { user } = this.context;
return ;
};
```
{user?.name}
;
}
}
```
Для функциональных компонентов можно использовать `useContext` или создать HOC:
```jsx
export const withAuth = (Component) => (props) => {
const auth = useContext(AuthContext);
return 
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы