jsonecho

JSON till JavaScript PropTypes

Klistra in ett JSON-exempel för att skapa motsvarande JavaScript PropTypes-typer.

Laddar verktyget...

Så använder du JSON till JavaScript PropTypes

  1. Klistra in ett representativt JSON-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 JSON till JavaScript PropTypes

Att skriva modellklasser för hand för stora JSON-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.

PropTypes kontrollerar props vid körning i utvecklingsversioner och ignoreras i produktion. Allt körs i din webbläsare, så dina exempeldata stannar på din enhet.

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 JSON med resultatet?

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 JSON 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 →