Несколько режимов в компоненте React?

Question

[ch-aqwer]

Добрый день! Скажите пожалуйста как в react/redux правильно создать несколько режимов. Например пока у меня есть два режима в компоненте и когда переключаюсь между ними получается надо в функциях писать if (mode == ...) {...} и получается много таких if, выглядит не очень.
Как правильно организовать код в данном случае, создавать разные компоненты? тогда получается дублирование функций в них.
Спасибо!

Answer 1

[Константин Китманов]

В react-мире принято делать компоненты высшего порядка (HOC, higher-order component): выносите изменяющиеся части в отдельные компоненты и передаете их обертке, которая их вызовет в нужном месте.
Если компонент с состоянием, то есть написан как класс, можно так же использовать старое доброе наследование.

Comments

[ch-aqwer]

higher-order component - знаю про них, но пока не очень понимаю.

[Константин Китманов]

ch-aqwer, отличная возможность разобраться на практике:)

Answer 2

[Роман Александрович]

создайте отдельный js файл и выносите туда функции которые вам необходимы. А в компоненте при необходимости импортируйте их. Так вы избавитесь от дублирования кода.
Если вам не нравится как выглядит if используйте switch.