Πώς να χρησιμοποιήσετε το JSON σε JavaScript PropTypes
- Επικολλήστε ένα αντιπροσωπευτικό δείγμα JSON, ιδανικά με όλα τα προαιρετικά πεδία συμπληρωμένα.
- Ορίστε το όνομα του ριζικού τύπου και επιλέξτε αν θέλετε και βοηθητικό κώδικα ή μόνο τους τύπους.
- Αντιγράψτε τον παραγόμενο κώδικα JavaScript PropTypes στο έργο σας.
Σχετικά με το JSON σε JavaScript PropTypes
Η χειροκίνητη δημιουργία κλάσεων μοντέλου για πολλά δεδομένα JSON είναι κουραστική και μπορεί εύκολα να οδηγήσει σε τυπογραφικά λάθη. Επικολλήστε εδώ ένα δείγμα και το εργαλείο θα αναγνωρίσει τη δομή του: ποια πεδία υπάρχουν, ποια είναι αντικείμενα, ποια είναι πίνακες και τι τύπο έχει κάθε τιμή. Το αποτέλεσμα είναι σχήματα React PropTypes, έτοιμα να ανατεθούν σε ένα component.
Τα PropTypes ελέγχουν τα props κατά την εκτέλεση μόνο στις εκδόσεις ανάπτυξης και αγνοούνται στην παραγωγή. Όλα εκτελούνται στο πρόγραμμα περιήγησης, οπότε τα δεδομένα του δείγματος παραμένουν στη συσκευή σας.
Χρήση του παραγόμενου κώδικα
Εισαγωγή του εξαγόμενου σχήματος και χρήση του ως MyComponent.propTypes = { data: RootShape }.
Οι προαιρετικές τιμές δεν έχουν isRequired, οπότε δέχονται undefined και null.