Zo gebruik je XML to JavaScript PropTypes
- Plak een representatief XML-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 XML to JavaScript PropTypes
Modelklassen met de hand schrijven voor een grote XML-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.
XML wordt eerst op dezelfde manier naar JSON geconverteerd als in onze XML to JSON-tool: attributen krijgen een @_-voorvoegsel en tekstinhoud naast attributen heet #text. De JavaScript PropTypes-types worden uit dat resultaat gegenereerd. PropTypes controleren props alleen tijdens runtime in ontwikkelbuilds en worden in productie genegeerd.
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.