JSX Formatter

Først parses koden som et JavaScript-modul med JSX aktiveret, hvorefter den udskrives i en ensartet stil. JSX-elementer sættes derefter op efter de samme regler som HTML Formatter, så indlejrede bloktags får deres egne indrykkede linjer.

Når et element indeholder blokniveau-børn som div, section, p, ul eller h1, placeres hvert barn på sin egen linje, og hele elementet omsluttes af parenteser. Elementer, der kan være på én linje, såsom et enkelt komponenttag, forbliver inline.

Ja, fragments skrevet som <> og </> samt selvafsluttende komponenter som <Item key={1}/> parses og bevares. Deres attributter og udtryk i krøllede parenteser kopieres, som de er skrevet.

Parseren stopper, og værktøjet viser sin meddelelse, for eksempel om et uventet token, i stedet for at returnere delvist formateret kode. Ret det angivne sted, og formatér igen.

Blokke får to mellemrum i indrykning, én sætning pr. linje, mellemrum omkring operatorer og semikolon efter sætningerne. Der er ingen indstillinger til at ændre stilen.

Ja, linje- og blokkommentarer i JavaScript bevares. Kommentarer inde i JSX-udtryk forbliver i deres krøllede parenteser.

Nej, typeannoteringer er ikke en del af den JSX-grammatik, som dette værktøj parser, så TSX med typer afvises som en syntaksfejl. Brug TypeScript Formatter til typet kode.

JavaScript udskrives blot igen, og JSX-layoutet ændrer mellemrum mellem bloklementer, hvilket React ignorerer, når det står på separate linjer. Kontrollér inline-tekst ved siden af tags, hvis præcise mellemrum er vigtige.

JSX er en udvidelse af JavaScript, så resultatet returneres som en Markdown-kodeblok markeret javascript. Kopiér linjerne mellem hegnene til din .jsx-fil.

Op til 5 MB kode pr. kørsel; større input afvises med en meddelelse. Outputtet er det samme som indstillingen JSX i Code Formatter.