Задать вопрос
@cester
react

Как реализовать через HOC, react?

Добрый день! Подскажите пожалуйста как данный компонент реализовать через HOC?
const SortableItem = SortableElement(({value}) => (
 <ElementItem value={value}/>
));

Просто нужно еще чтобы компонент `SortableElement ` принял все пропсы.
То есть надо чтоб в 'ElementItem ' было как-то так и все работало
export default hocComponent(ElementItem)

Буду благодарен за помощь!
  • Вопрос задан
  • 137 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
rockon404
@rockon404 Куратор тега React
Frontend Developer
Без параметров:
const withSort = WrappedComponent => props => {
  return WrappedComponent ? <WrappedComponent {...props} /> : null;
});

Использование:
export default withSort(Component);

C параметрами:
const withSort = (...params) => WrappedComponent => props => {
  // params usage
  return WrappedComponent ? <WrappedComponent {...props} /> : null;
});

Использование:
export default withSort(param1, param2)(Component);
Ответ написан
1 комментарий
1 комментарий
0xD34F
@0xD34F Куратор тега React
Просто нужно еще чтобы компонент `SortableElement ` принял все пропсы.

Ну так и передавайте все:

const SortableItem = SortableElement((props) => (
  <ElementItem {...props} />
));
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
15000 руб./за проект
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Ещё заказы