Μετατροπέας HTML σε JSX
Τι είναι η μετατροπή HTML σε JSX;
Το JSX είναι η σύνταξη που μοιάζει με HTML και χρησιμοποιείται στα React components. Παρόλο που μοιάζει με HTML, υπάρχουν βασικές διαφορές: το class γίνεται className, το for γίνεται htmlFor, τα inline στυλ χρησιμοποιούν αντικείμενα JavaScript αντί για strings, όλα τα tags πρέπει να είναι self-closing, και οι χειριστές συμβάντων χρησιμοποιούν camelCase. Αυτό το εργαλείο χειρίζεται αυτόματα όλους αυτούς τους μετασχηματισμούς, ώστε να μπορείτε να επικολλάτε HTML απευθείας και να λαμβάνετε έγκυρο JSX έτοιμο για χρήση στα React components σας.
Πώς να χρησιμοποιήσετε τον μετατροπέα HTML σε JSX
-
Επικολλήστε HTML markup στο αριστερό panel (ή κάντε κλικ στο 'Παράδειγμα' για να φορτώσετε ένα δείγμα).
-
Η έξοδος JSX εμφανίζεται αμέσως στα δεξιά.
-
Προαιρετικά, ενεργοποιήστε 'Ενσωμάτωση σε component' για να αποκτήσετε ένα πλήρες λειτουργικό component έτοιμο για επικόλληση.
-
Αντιγράψτε το JSX χρησιμοποιώντας το κουμπί 'Αντιγραφή JSX'.
Keywords: HTML σε JSX, μετατροπέας HTML σε JSX, μετατροπή HTML σε React, μετατροπέας className, JSX online, μετατροπέας React JSX, μετασχηματισμός HTML JSX