How to use XML to JavaScript PropTypes
- Paste a representative XML sample, ideally one with all the optional fields filled in.
- Set the name of the root type, and decide whether you want helper code as well or types only.
- Copy the generated JavaScript PropTypes code into your project.
About XML to JavaScript PropTypes
Writing model classes by hand for a big XML payload is dull, and it is where typos creep in. Paste a sample here and the generator works out the structure: which fields exist, which are objects, which are arrays and what type each value has. The output is React PropTypes shapes, ready to assign to a component.
XML is first converted to JSON the same way as in our XML to JSON tool: attributes get an @_ prefix and text content next to attributes is called #text. The JavaScript PropTypes types are generated from that result. PropTypes check props at runtime in development builds only, and are ignored in production.
Using the generated code
Import the exported shape and use it as MyComponent.propTypes = { data: RootShape }.
Optional values are left without isRequired, so they accept undefined and null.