Come usare JSON to JavaScript PropTypes
- Incolla un esempio JSON rappresentativo, idealmente uno con tutti i campi opzionali compilati.
- Imposta il nome del tipo radice e decidi se vuoi anche il codice di supporto o solo i tipi.
- Copia il codice JavaScript PropTypes generato nel tuo progetto.
Informazioni su JSON to JavaScript PropTypes
Scrivere a mano le classi modello per un grande payload JSON è noioso ed è lì che si insinuano gli errori di battitura. Incolla qui un esempio e il generatore ricava la struttura: quali campi esistono, quali sono oggetti, quali sono array e che tipo ha ogni valore. L'output è costituito da shape di React PropTypes, pronte da assegnare a un componente.
I PropTypes controllano le props a runtime solo nelle build di sviluppo e vengono ignorati in produzione. Tutto viene eseguito nel tuo browser, quindi i dati dell'esempio restano sul tuo computer.
Usare il codice generato
Importa la shape esportata e usala come MyComponent.propTypes = { data: RootShape }.
I valori opzionali sono lasciati senza isRequired, quindi accettano undefined e null.