So verwenden Sie JSON zu JavaScript PropTypes
- Fügen Sie ein repräsentatives JSON-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 JSON zu JavaScript PropTypes
Modellklassen für eine große JSON-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.
PropTypes prüfen Props zur Laufzeit nur in Entwicklungs-Builds und werden in der Produktion ignoriert. Alles läuft in Ihrem Browser, sodass Ihre Beispieldaten auf Ihrem Rechner bleiben.
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.