Verjetno bi se tega moral že zdavnaj naučiti, a žal smo tu. Izkazalo se je, da lahko ugotovite, katero funkcijo želite uporabljati JSX. Ja, JSX ima res samo eno primarno preobrazbo. Kotne oklepaje v JavaScript spremeni v klic funkcije. Torej, če v JavaScript napišete takšno vrstico:
Hello Po obdelavi (verjetno z Babel in vtičnikom JSX) boste privzeto dobili:
React.createElement("div", ( class: "big" ), "Hello");Če pa vključite komentar direktive, ki JSX-u sporoča, da želite uporabiti svojo funkcijo, lahko spremenite ta izhod:
/* @jsx myFunction */ Hello Se spremeni v:
/* @jsx myFunction */ myFunction("div", ( class: "big" ), "Hello");To pomeni, da lahko napišemo svojo funkcijo. Nekako čudno, ampak v redu.
Dejanski primer uporabe je za knjižnice, ki niso React, kot je Preact. Tega sem se naučil ob pregledu primerov Jasona Millerja:
Vue je mogoče narediti tudi na ta način. Upoštevajte, da Vue in Preact dobavljata to posebno hfunkcijo, ki je zasnovana za to:
Valeri Karpov ima nekaj zanimivih primerov uporabe tudi v njihovem blogu, "Pregled JSX s 3 primeri, ki ne reagirajo".