Vjerojatno sam to trebao naučiti davno, ali nažalost, evo nas. Ispalo je da možete znati koju funkciju želite da koristi JSX. Da, JSX stvarno ima samo jednu primarnu transformaciju koju ima. Pretvara kutne zagrade u JavaScript u poziv funkcije. Dakle, ako u JavaScript napišete ovakav redak:
Hello Nakon obrade (vjerojatno s Babelom i dodatkom JSX), zadano ćete dobiti:
React.createElement("div", ( class: "big" ), "Hello");Ali ako uključite komentar direktive koji govori JSX-u da želite koristiti vlastitu funkciju, možete promijeniti taj izlaz:
/* @jsx myFunction */ Hello Preobraziti se u:
/* @jsx myFunction */ myFunction("div", ( class: "big" ), "Hello");To znači da možemo sami napisati svoju funkciju. Nekako čudno, ali u redu.
Stvarni je slučaj upotrebe za knjižnice koje nisu React, poput Preact-a. To sam naučio gledajući primjere Jasona Millera:
Vue se može napraviti i na ovaj način. Imajte na umu da i Vue i Preact isporučuju ovu posebnu hfunkciju koja je dizajnirana za ovo:
Valeri Karpov također ima nekoliko zanimljivih slučajeva upotrebe na njihovom postu na blogu, "Pregled JSX-a s 3 primjera koji ne reagiraju".