So verwenden Sie XML zu JavaScript PropTypes
- Fügen Sie ein repräsentatives XML-Beispiel ein, idealerweise eines, in dem alle optionalen Felder gefüllt sind.
- Legen Sie den Namen des Wurzeltyps fest und entscheiden Sie, ob Sie auch Hilfscode oder nur Typen haben möchten.
- Kopieren Sie den erzeugten JavaScript-PropTypes-Code in Ihr Projekt.
Über XML zu JavaScript PropTypes
Modellklassen für eine große XML-Payload von Hand zu schreiben, ist öde, und genau dort schleichen sich Tippfehler ein. Fügen Sie hier ein Beispiel ein, und der Generator ermittelt die Struktur: welche Felder es gibt, welche Objekte, welche Arrays sind und welchen Typ jeder Wert hat. Die Ausgabe sind React-PropTypes-Shapes, bereit zur Zuweisung an eine Komponente.
XML wird zuerst auf dieselbe Weise in JSON umgewandelt wie in unserem Tool XML zu JSON: Attribute erhalten das Präfix @_, und Textinhalt neben Attributen heißt #text. Aus diesem Ergebnis werden die JavaScript-PropTypes-Typen erzeugt. PropTypes prüfen Props zur Laufzeit nur in Entwicklungs-Builds und werden in der Produktion ignoriert.
Den erzeugten Code verwenden
Importieren Sie die exportierte Shape und verwenden Sie sie als MyComponent.propTypes = { data: RootShape }.
Optionale Werte erhalten kein isRequired, sodass sie undefined und null akzeptieren.