Zuletzt geändert am:
Die Konfiguration erfolgt in React über Props an FormcentricForm. Die fachliche Semantik der gemeinsamen Formcentric-Keys ist zentral in Client (Allgemein) dokumentiert. Diese Seite zeigt daher vor allem die React-Schreibweise und React-spezifische Besonderheiten.
Die gemeinsame Semantik von height und maxWidth ist in Client (Allgemein) beschrieben. In React können diese Werte direkt als Props oder über containerProps am Wrapper gesetzt werden.
Beispiel mit Props:
Beispiel mit containerProps:
Die fachliche Semantik von parentUrl ist in Client (Allgemein) beschrieben.
In React wird derselbe gemeinsame Key direkt als Prop parentUrl gesetzt, zum Beispiel wenn sich das Formular in einem Modal befindet.
Beispiel:
Die fachliche Semantik von vars und das gemeinsame Verhalten mit URL-Parametern sind in Client (Allgemein) beschrieben. In React wird der gemeinsame Key direkt als Prop vars gesetzt.
Beispiel:
Die gemeinsame Semantik von language und locale ist in Client (Allgemein) beschrieben. In React werden dieselben Keys direkt als Props gesetzt.
Beispiel:
Die gemeinsame Semantik von localesPath, locales und den Locale-Modul-Formen ist in Client (Allgemein) beschrieben. In React wird derselbe gemeinsame Key direkt als Prop localesPath gesetzt.
In React stehen zwei Möglichkeiten zur Verfügung:
localesPath für ein zur Laufzeit geladenes JavaScript-Modul mit Übersetzungen.locales für ein direkt übergebenes JavaScript-Objekt, das Übersetzungs-Overrides sowie date-fns- und Upload-Locale-Objekte per Referenz enthält.Beispiel mit localesPath:
Beispiel mit locales:
Importieren Sie die Locale-Objekte aus den entsprechenden Paketen. Der folgende Ausschnitt zeigt die Struktur; ergänzen Sie unter resources die benötigten Formcentric-Übersetzungen.
Beispiel für eine localesPath-Lokalisierungsdatei:
Die gemeinsame Semantik von configuration ist in Client (Allgemein) beschrieben. In React wird derselbe gemeinsame Key direkt als Prop configuration gesetzt.
Beispiel:
Die gemeinsame Semantik von formName, refs, requestHeaders und weiteren Metadaten ist in Client (Allgemein) beschrieben. In React werden diese gemeinsamen Keys direkt als Props gesetzt.
Beispiel:
Die Komponente FormcentricForm unterstützt alle Mount-Konfigurationswerte als Top-Level-Props sowie einige React-spezifische Zusatz-Props.
remountKey?: string | numbercontainerProps?: React.HTMLAttributes<HTMLDivElement>className, style, id, role, aria-* oder Event-Handler.onReady?: () => voidonError?: (error: Error) => voidconflictBehavior?: 'throw' | 'stop-existing'embedId bereits auf einer anderen oder derselben DOM-Instanz aktiv ist.stop-existing aktiv.Die fachliche Semantik der gemeinsamen Props ist in Client (Allgemein) beschrieben.
In React heißen sie:
| Prop |
| embedId |
| formDefinition |
| srcUrl |
| dataUrl |
| designUrl |
Die fachliche Semantik der gemeinsamen Props ist in Client (Allgemein) beschrieben.
In React heißen sie:
| Prop |
| designUrl |
| themeUrl |
| themeVariableUrl |
| themeVariables |
| templateUrl |
| themeDir |
| theme |
| skipThemeLoad |
| skipTemplatesLoad |
| skipFormLoad |
Die fachliche Semantik der gemeinsamen Props ist in Client (Allgemein) beschrieben.
In React heißen sie:
| Prop |
| vars |
| params |
| refs |
| token |
| requestHeaders |
| formName |
| instanceId |
| env |
| parentUrl |
| configuration |
Die fachliche Semantik der gemeinsamen Props ist in Client (Allgemein) beschrieben.
In React heißen sie:
| Prop |
| language |
| locale |
| localesPath |
| locales |
| debug |
| maxWidth |
| height |
embedId oder formDefinition muss gesetzt sein.embedId, formDefinition oder remountKey führen zu einer erneuten Einbettung.FormcentricConfigProvider Werten oder browser-globalen Defaults wirken ebenfalls erst nach einer erneuten Einbettung.containerProps, onReady und onError verhalten sich wie normale React-Props und können ohne Reinitialisierung aktualisiert werden.conflictBehavior standardmäßig auf stop-existing gesetzt.skipThemeLoad und skipTemplatesLoad werden nur berücksichtigt, wenn sie explizit gesetzt sind.embedId stabil bleiben.remountKey verwendet werden, nicht ein wechselnder React-key.vars, params, themeVariables und configuration sollten als serialisierbare Objekte übergeben werden. locales ist die Ausnahme: Es enthält date-fns- und Upload-Locale-Objekte einschließlich ihrer Funktionen und wird per Referenz übergeben.parentUrl nicht explizit gesetzt wird, kann die aktuelle Seiten-URL als Rücksprungkontext verwendet werden.
