Всем хелоу. Вопрос по HOC. Почему не получается стилизовать WrappedComponent

Question

Всем хелоу. Вопрос по HOC. Почему не получается стилизовать WrappedComponent

в HOC-компоненте? Простой пример: отправляю в HOC-компонент (div с текстом) и хочу вернуть то же самое, но со стилями. Но это не срабатывает. Однако, если в HOC рядом с возрвращаемым комнонетом положить какой-то jsx-элемент, написанный прямо внутри HOC, например еще один div - на нем стили срабатывают. А на присылаемом WrappedComponent - нет. Что-то я не догоняю)

#frontend #javascript #programming #react.js #russian

0

03.01.2022

18 ответов

14 просмотров

Chatlanin Автор вопроса

Владиlength Карпов
Не делай хок плиз, молю умоляю, бляа пожалуйста, п...

Пачиму

0

03.01.2022

Владиlength Карпов

Chatlanin
Пачиму

Потому что потом не оттебажишь

0

03.01.2022

Denis Deniskov

Ты бы лучше не умолял, а обосновал. У HOC нету альтернативы вообще-то.

0

04.01.2022

Мороз Аксёнова

Для 98% задач альтернатива есть

0

04.01.2022

Denis Deniskov

Понятно, как собственно и реакт можно заменить отсутствием реакта например, все понял

0

04.01.2022

Мороз Аксёнова

Denis Deniskov
Понятно, как собственно и реакт можно заменить отс...

Ну хок ещё альтернативой можно заменить, только ты почему-то говоришь, что нет

0

04.01.2022

Мороз Аксёнова

Или я чего-то не понимаю? Что это значит?

0

04.01.2022

Denis Deniskov

Мороз Аксёнова
Или я чего-то не понимаю? Что это значит?

https://codepen.io/capfsb/pen/ZEXooeL Вот как тут избавиться от HOC?

0

04.01.2022

Мороз Аксёнова

Ты и так их создал 🤷‍♂️

0

04.01.2022

Мороз Аксёнова

Только вдобавок нарушил читабельность и добавил потенциальную коллизию пропов

0

04.01.2022

Denis Deniskov

Мороз Аксёнова
Ты и так их создал 🤷‍♂️

Главное отличие HOC от кастомного хука в том что оборачиваемый компонент ничего не знает о HOC. HOC это пораждающий паттерн если угодно. Объявление явно и создание через hoc разные вещи. Помимо этого кастомные хуки тебе не дадут возможностей декарировать оборачиваемый компонент например вот так https://codepen.io/capfsb/pen/ZEXooeL

0

04.01.2022

Denis Deniskov

Мороз Аксёнова
Только вдобавок нарушил читабельность и добавил по...

Да, это минусы hoc. Я сам считаю что HOC нужно использовать примерно никогда. Всегда лучше сделать кастомный хук и объявить пару новых компонентов(хотя обычно достаточно хука), чем делать HOC. Но hoc != кастомный хук, потому что ты сам верно сказал, что разбиение кода на функции(хуки) это не паттерн декоратор, вот и все. Возможно и есть задачи которые через HOC решаются лаконичнее, но в голову сразу не лезет нормальный пример, а примеров использования кастомных хуков для разделения кода жопой жуй, просто потому что разбиение через хуки более интуитивный способ писать код. Вот в последнем случае я тебе привел пример когда на хук уже заменить сложнее и придется логику с зеленой обводкой повторять в компонентах, но даже в этом случае я считаю что лучше отказаться от HOC. Просто припекает когда люди пишут про догмы и серебрянные пули в духе "в 2022 молю не используй hoc это не модно/не круто/мне не нравится/так не заведено(выбрать нужное)", не объясняя почему и чем например HOC хуже. Аргументируя это тем что так заведено, вот почему. А то что HOC и кастомный хук не всегда могут быть легко заменены это почему-то таких советчиков не волнует.

0

04.01.2022

Владиlength Карпов

Denis Deniskov
Ты бы лучше не умолял, а обосновал. У HOC нету аль...

Держи в курсе)

0

04.01.2022

Владиlength Карпов

Мороз Аксёнова
Для 98% задач альтернатива есть

+

0

04.01.2022