Встречается на собеседованиях • сегодня
Приведи пример написания кастомного HOC
Кастомный HOC (Higher-Order Component) — это функция, которая принимает компонент и возвращает новый компонент с дополнительной логикой. Пример:
```jsx
import React from 'react';
const withLogger = (WrappedComponent) => {
return class extends React.Component {
componentDidMount() {
console.log(`Component ${WrappedComponent.name} mounted`);
}
render() {
return ;
}
};
};
// Использование
const MyComponent = ({ text }) =>
{text}
;
const MyComponentWithLogger = withLogger(MyComponent);
```
HOC добавляет логирование при монтировании компонента. Ключевые моменты:
1. Принимает компонент (`WrappedComponent`)
2. Возвращает новый компонент (обычно классовый)
3. Прокидывает пропсы через `{...this.props}`
4. Может добавлять любую дополнительную логику (жизненный цикл, контекст и т.д.)
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы