Ich glaube an jede App, es sollte eine Quelle der Wahrheit geben
Meine App wird
habenAlso in react habe ich 3 verwirrende Orte gefunden, um den Status zu speichern
Redux-Formular registriert keine versteckten Felder. Um verborgene Felder zu registrieren, müssen Sie ein Feld mit deaktiviertem Attribut erstellen, usw.
Wenn Sie eine Berechnung wie durchführen, AMOUNT = QTY * RATE; Hier wird der Benutzer QTY und RATE eingeben und AMOUNT wird berechnet .Hier wird es sich sofort im Komponentenzustand widerspiegeln, aber nicht im reduktiven Zustand. Um es in Redux-Form zu reflektieren, müssen wir feuern.
this.props.dispatch(change('Invoice', 'amount', 55))
Es wird nicht immer möglich sein, den Komponentenstatus zu vermeiden, wenn ich den Berechnungsformelcode so schreiben werde
Nur Redux-Form-Status
const amount = someReduxFormApiGet(QTY) + someReduxFormApiGet(RATE)
this.props.dispatch(change('Invoice', 'amount', 55))
Nur Reaktionsstatus
onChange(){ will have set QTY & RATE i component state}
const amount = this.state.QTY * this.state.RATE
Fazit: Wenn ich mit redux-form gehe, muss ich extra Code schreiben, um redux-store synchron zu machen, wobei als state in react component ich handleChange() function habe, die den Zustand in% co_de zeichnen wird % .Auch habe ich das Gefühl, viel Flexibilität im Komponentenstatus zu haben
Wenn mein Datenmodell komplexer wird, wird es sehr schwierig sein, es im redux-form store zu verwalten. Dann denke ich, dass y nicht redux Custom store ODER Component state
Andere Bibliotheken, die reaktive Eingaben validieren, verwenden Redux nicht, um die Validierung zu implementieren. Es ist nur eine Redux-Form, die Redux verwendet, um die Validierung zu verwalten.
So kam ich zu dem Schluss, dass
Die Redux-Form wurde nur zur Validierung erstellt und nicht zur Verwaltung komplexes Datenmodell.
Komplexe Datenmodelle sollten in Redux Custom Store OR verwaltet werden Komponentenstatus entsprechend
Von Docs Of Redux-Formular behandelt es Validierung sehr gut, aber für Datenmodellierung Zweck schlägt Lösungen vor, die nicht 100% sind geradlinig
Benötigen Sie Hilfe bei der Entscheidung
Soll ich den Redux-Form-Speicher für die Datenmodellierung verwenden?
ODER
nur zur Validierung verwenden
AND
Verwenden Sie den Komponentenstatus & amp; benutzerdefiniertes redux Geschäft, um Daten zu modellieren?
Danke erikas für die schöne Bibliothek, die seit ihrer Geburt fast zwei Jahre gebraucht hat
Ich persönlich verwende keine redux-Form für Datenmanipulation.Ich tue es selbst im Komponentenzustand durch onChange Einstellungszustand.wenn ich Datenspeicher in Redux-Form kennen lernte..Ich benutzte es zunächst aber als meine Verwendung Fälle wuchs, ich muss Datenspeicher zu Komponentenstatus verschieben. Datenmodellierung in reagieren ist etwas, was Sie lernen müssen, wird es nicht durch Magie kommen. Aber sobald Sie es tun, werden Sie nie verwirrt über Overrated state mngt in react
Wenn Sie Data modelling, dependent computations ausführen, empfehle ich die Verwendung des Komponentenstatus für Daten
Daumenregeln:
Component state verwenden, verwenden Sie nicht redux-form state (empfohlen) redux-form state verwenden, dann verwenden Sie nicht Component state (Begrenzung - Punkt 1,2,3 und schmutzige Code-Codes hinter dem Szenemanager) redux custom store als toggle,user sign-in global data flavor.Aber nicht zum Speichern des tatsächlichen transnationalen Formzustands (Einschränkung - wird über Kodierung hinausgehen). Wenn Ihre App komplex sein wird, empfehle ich Ihnen,
zu verwenden component state - Aktueller Formularstatus mit onChange
redux - benutze es für global in mngt (toggle, post drafts, Benutzer-Login-Info)
redux-from - nur für die Validierung und nicht als Datenspeicher für die Submission
Ich rate Ihnen auch davon ab, schwere, komplexe, staatliche, transaktionale Form zu halten in redux custom store verwenden Sie es einfach wie Eiskremspitzen
Vorteile : Komponentenstatus - Volle Kontrolle über Daten, Flexibilität, was kommt, was rausgeht, keine Magie hinter den Kulissen
Nachteile : Ich habe keine gefunden
Fazit : redux-form ist im Grunde für very newbies , um Dinge schnell zu erledigen, aber wenn es um Berechnungen, abhängige Felder, kommerzielle Datenmodellierung geht, ist redux-form nicht die Option. Aber Selbst wenn Sie redux-form für die Datenmanipulation bald verwenden, werden Sie am Ende mit ( component state , was nicht ignoriert werden kann + redux-form state + redux custom state ) überall mit Verwirrung verstreut.
Adios amigos:)
Ich würde empfehlen, das Redux-Formular nur zum Sammeln und Validieren von Daten zu verwenden. Verwenden Sie gegebenenfalls Ihren eigenen Komponentenstatus und / oder benutzerdefinierten Redux-Speicher.
Sie verwenden nur redux für den Zustand, der geteilt werden soll. Halten Sie die Dinge einfach und wiederverwendbar.
Gute Lektüre:
Wenn Sie keine Async-Tasks ausführen müssen, z. B. asynchrone Formvalidierungen, dann ist es einfach, eine benutzerdefinierte Formulargeneratorkomponente zu erstellen, anstatt redux-form zu verwenden, was sehr komplex ist, eine zusätzliche Schicht von bastyp & amp; zwingt Sie, Redux zu verwenden. Für ref. prüfen Sie. Ссылка
Tags und Links react-native reactjs redux redux-form