Как создать немного другой компонент, основанный на той же логике и представлении?

Question

У меня есть несколько форм с небольшой разницей в интерфейсе, схеме и состоянии, но с одинаковой логикой.Я хотел знать, каков наилучший способ создания форм без дублирования кода.Поскольку есть небольшие различия, я подумал о создании центрального места с общей функциональностью и расширении его при необходимости.Кроме того, функциональность для визуализации элементов пользовательского интерфейса и установки соответствующего состояния находится в классе с именем Form, от которого наследуются все формы.

Я пытался создать базовую фабрику, а затем использовать ее для создания конкретной фабрики, но должен был создать экземплярбазовая фабрика, чтобы расширить ее функциональные возможности.

Я пытался создать цепочку наследования классов, но имел проблемы с mapStateToProps и mapDispatchToProps.Я также заметил, что это не то, что рекомендуется.

Я думал о HOC, но я думаю, что в этом сценарии он менее интуитивен.

Я использую React 16.

Спасибо большоемного!

Answer 1

@ ranasulin, и добро пожаловать в SO!

Ситуация, которую вы описываете, звучит как хороший пример для композиции над наследованием .React + Redux поддерживает компоненты без сохранения состояния, функциональное программирование и не всегда хорошо сочетается с шаблоном наследования (см. мотивы, стоящие за Redux и , несколько хороших примеров ).Я рекомендую изучить шаблоны и анти-шаблоны среды React + Redux, а затем пересмотреть свой дизайн с учетом этих знаний.

Удачи!