Asi som sa to mal naučiť už dávno, ale bohužiaľ, sme tu. Ukázalo sa, že môžete povedať, akú funkciu má JSX používať. Áno, JSX má v skutočnosti iba jednu primárnu transformáciu, ktorú robí. Premení lomené zátvorky v JavaScripte na volanie funkcie. Takže ak napíšete takýto riadok do JavaScriptu:
Hello Po spracovaní (pravdepodobne s programom Babel a doplnkom JSX) získate v predvolenom nastavení:
React.createElement("div", ( class: "big" ), "Hello");Ale ak pridáte direktívny komentár, ktorý hovorí JSX, že chcete použiť svoju vlastnú funkciu, môžete tento výstup zmeniť:
/* @jsx myFunction */ Hello Mení sa v:
/* @jsx myFunction */ myFunction("div", ( class: "big" ), "Hello");To znamená, že si môžeme napísať vlastnú funkciu. Trochu divné, ale v poriadku.
Skutočný prípad použitia je pre knižnice, ktoré nereagujú, napríklad Preact. Dozvedel som sa to pri pohľade na príklady Jasona Millera:
Vue sa dá urobiť aj týmto spôsobom. Upozorňujeme, že Vue aj Preact dodávajú túto špeciálnu hfunkciu, ktorá je na to určená:
Valeri Karpov má tiež niekoľko zaujímavých prípadov použitia na svojom blogu „Overview of JSX With 3 Non-React examples“.