jsonecho

XML till JavaScript PropTypes

Klistra in ett XML-dokument för att skapa JavaScript PropTypes-typer som matchar strukturen.

Laddar verktyget...

Så använder du XML till JavaScript PropTypes

  1. Klistra in ett representativt XML-exempel, helst med alla valfria fält ifyllda.
  2. Ange rottypens namn och välj om du vill ha hjälpkod också eller bara typerna.
  3. Kopiera den genererade JavaScript PropTypes-koden till ditt projekt.

Om XML till JavaScript PropTypes

Att skriva modellklasser för hand för stora XML-data är tidskrävande, och det är lätt att göra skrivfel. Klistra in ett exempel här, så identifierar generatorn strukturen: vilka fält som finns, vilka som är objekt eller arrayer och vilken datatyp varje värde har. Resultatet är React PropTypes-shapes som är redo att användas i en komponent.

XML konverteras först till JSON på samma sätt som i vårt XML till JSON-verktyg: attribut får en @_ Prefix och textinnehåll bredvid attribut kallas #text. JavaScript PropTypes-typerna skapas utifrån det resultatet. PropTypes kontrollerar props vid körning i utvecklingsversioner och ignoreras i produktion.

Använd den genererade koden

Importera den exporterade formen och använda den som MyComponent.propTypes = { data: RootShape }.

Valfria värden anges utan isRequired och accepterar därför undefined och null.

Vanliga frågor

Vilka beroenden har den genererade JavaScript PropTypes-koden?

Resultatet är React PropTypes-shapes som är redo att användas i en komponent.

Hur analyserar jag XML med resultatet?

Omvandla XML till JSON först (vår XML till JSON verktyg gör detta på samma sätt), sedan importera den exporterade formen och använda den som MyComponent.propTypes = { data: RootShape }.

Hur hanteras valfria fält och fält som saknas?

Valfria värden anges utan isRequired och accepterar därför undefined och null.

Undersöker generatorn mer än en post?

Generatorn känner bara till det som finns i ditt exempel. Fält som saknas i exemplet kommer inte med i typerna. Om ett värde är null i exemplet går det inte att avgöra dess typ. Klistra in ett exempel där så många fält som möjligt är ifyllda, eller en array med flera olika poster.

Skickas min XML till en server?

Nej. Första gången du använder generatorn laddas den ner till din webbläsare, cirka 1 MB. Sedan körs allt lokalt.

Fler verktyg i Data till klasser

Alla verktyg →