Привет Мне интересно где лучше хранить условие рендера компонента Приведу пример (выдуманный) Есть

Question

Привет Мне интересно где лучше хранить условие рендера компонента Приведу пример (выдуманный) Есть

компонент <AdultWarning user={user} />
Он рендерит сообщение про совершенолетие
Мне его нужно рендерить в нескольких местах
Если буду везде добавлять услвоие if(user.age < 18), то это дублирование - будет проблематично искать по коду и везде править (если изменится условие рендера, которое в настоящем примере может быть гораздо сложнее)
Если всегда рендерить компонент и логику рендера перенести в сам компонент, то во время изучения кода, когда кто-то наткнется, то увидит что компонент всегда рендерится, и ему нужно будет изучать еще сам компонент чтобы понять почему он не отрендерился
Как быть? Где лучше хранить и проверять условие рендера?

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

0

20.07.2023

7 ответов

9 просмотров

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

Y N
Думаю твой кейс подходит под использование HOC — h...

просто в таком решении у меня выйдет очень много таких оберток, если бизнес логика достаточно сложна Пример: Все они в HOC, и потом хоп и я забыл использовать какой-то wrapper Да еще и нужно знать какой wrapper с каким использовать, где это знание держать?

0

20.07.2023

Y N

Bruto
просто в таком решении у меня выйдет очень много т...

Для того, чтобы эффективно переиспользовать бизнес логику можно создавать custom hooks И комбинировать из как захочется

0

20.07.2023

Erzhik Erjik

Bruto
просто в таком решении у меня выйдет очень много т...

Ты решил?

0

21.07.2023