JSX formatētājs

Vispirms kods tiek parsēts kā JavaScript modulis ar ieslēgtu JSX un izvadīts konsekventā stilā. Pēc tam JSX elementi tiek izkārtoti pēc tiem pašiem noteikumiem kā HTML formatētājā, tāpēc ligzdoti bloka tagi tiek ievietoti atsevišķās rindās ar atkāpi.

Ja elements satur bloka līmeņa bērnelementus, piemēram, div, section, p, ul vai h1, katrs bērnelements tiek ievietots atsevišķā rindā, bet viss elements tiek ietverts iekavās. Elementi, kas ietilpst vienā rindā, piemēram, viens komponentes tags, paliek vienā rindā.

Jā, fragmenti formā <> un </> un pašnoslēdzošas komponentes, piemēram, <Item key={1}/>, tiek parsētas un saglabātas. To atribūti un izteiksmes figūriekavās tiek kopētas, kā rakstīts.

Parsētājs apstājas, un rīks parāda kļūdas ziņojumu, piemēram, par neparedzētu tokenu, nevis atgriež daļēji formatētu kodu. Izlabojiet norādīto vietu un formatējiet vēlreiz.

Blokiem tiek izmantota divu atstarpju atkāpe, katrs paziņojums ir atsevišķā rindā, ap operatoriem ir atstarpes, un paziņojumu beigās ir semikoli. Stila maiņas opciju nav.

Jā, JavaScript tiek saglabāti gan rindu, gan bloku komentāri. Komentāri JSX izteiksmēs paliek figūriekavās.

Nē, tipu anotācijas neietilpst JSX gramatikā, ko parsē šis rīks, tāpēc TSX ar tipiem tiek noraidīts kā sintakses kļūda. Tipizētam kodam izmantojiet TypeScript formatētāju.

JavaScript tiek tikai izvadīts no jauna, un JSX izkārtojums maina atstarpes starp bloka elementiem, kuras React ignorē, ja elementi atrodas atsevišķās rindās. Ja precīzas atstarpes ir svarīgas, pārbaudiet tagiem blakus esošo iekļauto tekstu.

JSX ir JavaScript paplašinājums, tāpēc rezultāts tiek atgriezts kā Markdown koda bloks ar atzīmi javascript. Nokopējiet rindas starp žoga marķieriem savā .jsx failā.

Līdz 5 MB koda vienā reizē; lielāka ievade tiek noraidīta ar ziņojumu. Izvade ir tāda pati kā Code Formatter JSX opcijai.