2017-06-21 2 views
0

Ich folge Dan Abramovs container & presentational components pattern für eine Reihe von Adressformularen. Es gibt 3 verschiedene Versionen des Adressformulars. Sie unterscheiden sich durch Layout und die Steuerelemente darauf. Wenn das Formular übermittelt wird, wird in der Back-End-API eine bestimmte Geschäftslogik ausgeführt, um eine Validierungsnachricht an das Formular zurückzugeben.Wie mehrere Container-Komponenten in ReactJS für die Wiederverwendbarkeit von Code zu beseitigen?

Derzeit verwende ich drei Container, um die drei Formulare zu verwalten, und einige Logik wird in den Containern wiederholt. Ich erwarte mehr Formen wie diese in der Zukunft.

Wie löse ich dieses Problem, wenn der Code für viele Formulare wiederverwendet werden kann und Formulare einfach zu verwalten und zu verstehen sind?

Antwort

0

Da es sich bei jeder React-Komponente nur um JavaScript-Code handelt, können Sie gemeinsam genutzten Code in einige Dienstprogrammfunktionen/-klassen extrahieren und sie in Ihren Formularkomponenten verwenden.

Verwandte Themen