Zo gebruik je JSON to JavaScript PropTypes
- Plak een representatief JSON-voorbeeld, bij voorkeur een met alle optionele velden ingevuld.
- Stel de naam van het roottype in en bepaal of je ook hulpcode wilt of alleen types.
- Kopieer de gegenereerde JavaScript PropTypes-code naar je project.
Over JSON to JavaScript PropTypes
Modelklassen met de hand schrijven voor een grote JSON-payload is saai en daar sluipen typefouten in. Plak hier een voorbeeld en de generator leidt de structuur af: welke velden er zijn, welke objecten zijn, welke arrays en welk type elke waarde heeft. De uitvoer bestaat uit React PropTypes-shapes, klaar om aan een component toe te wijzen.
PropTypes controleren props alleen tijdens runtime in ontwikkelbuilds en worden in productie genegeerd. Alles draait in je browser, dus je voorbeeldgegevens blijven op je computer.
De gegenereerde code gebruiken
Importeer de geëxporteerde shape en gebruik hem als MyComponent.propTypes = { data: RootShape }.
Optionele waarden blijven zonder isRequired, dus ze accepteren undefined en null.